Segoe UI",sans-serif; --afont:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --radius:12px; --maxw:640px; } #fq-root *{box-sizing:border-box;margin:0;padding:0;} #fq-root{font-family:var(--afont);color:var(--ink);background:var(--bg);min-height:100%;width:100%;margin:0 auto;padding:20px 18px 56px;line-height:1.45;} #fq-root .fq-wrap{max-width:var(--maxw);margin:0 auto;} #fq-root .fq-banner{color:#000;font-family:var(--qfont);font-weight:700;font-size:35px;line-height:1.1;letter-spacing:-.02em;text-align:left;margin-bottom:24px;} #fq-root .fq-bar{height:6px;background:#e1e3dc;border-radius:99px;overflow:hidden;margin:6px 0 26px;} #fq-root .fq-bar > i{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .35s ease;} #fq-root .fq-step{font-family:var(--afont);font-size:13px;font-weight:500;color:#000;opacity:.55;margin-bottom:6px;} #fq-root .fq-cat{font-family:var(--afont);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);margin-bottom:14px;} #fq-root h2{font-family:var(--qfont);font-weight:700;font-size:22px;line-height:1.3;color:#000;margin-bottom:8px;letter-spacing:-.01em;} #fq-root .fq-help{font-family:var(--afont);font-size:14px;color:#000;opacity:.6;margin-bottom:18px;} #fq-root .fq-opts{display:flex;flex-direction:column;gap:10px;margin:18px 0 26px;} #fq-root .fq-opt{display:flex;align-items:flex-start;gap:12px;border:2px solid var(--line);border-radius:var(--radius);padding:14px 16px;cursor:pointer;background:var(--card);transition:border-color .15s,background .15s;font-family:var(--afont);font-weight:400;font-size:16px;color:#000;text-align:left;width:100%;} #fq-root .fq-opt:hover{border-color:var(--hi);} #fq-root .fq-opt .dot{flex:0 0 18px;width:18px;height:18px;border:2px solid #b9bdb2;border-radius:50%;margin-top:2px;position:relative;transition:border-color .15s;} #fq-root .fq-opt.multi .dot{border-radius:5px;} #fq-root .fq-opt.sel{border-color:var(--hi);background:var(--hi-tint);} #fq-root .fq-opt.sel .dot{border-color:var(--accent);background:var(--accent);} #fq-root .fq-opt.sel .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff;} #fq-root .fq-opt.multi.sel .dot:after{border-radius:1px;} #fq-root .fq-num{display:flex;align-items:center;gap:10px;margin:18px 0 26px;} #fq-root .fq-num input{font-family:var(--qfont);font-size:20px;font-weight:600;color:#000;width:130px;padding:12px 14px;border:2px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;} #fq-root .fq-num input:focus{outline:none;border-color:var(--accent);} #fq-root .fq-num span{font-family:var(--afont);font-size:16px;color:#000;} #fq-root .fq-field{margin-bottom:14px;} #fq-root .fq-field label{display:block;font-family:var(--afont);font-weight:500;font-size:14px;color:#000;margin-bottom:6px;} #fq-root .fq-field .req{color:var(--accent-dark);} #fq-root .fq-field input{width:100%;font-family:var(--afont);font-size:16px;color:#000;padding:13px 14px;border:2px solid var(--line);border-radius:var(--radius);background:#fff;} #fq-root .fq-field input:focus{outline:none;border-color:var(--accent);} #fq-root .fq-field input.err{border-color:#d23b3b;} #fq-root .fq-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px 14px;background:#fff;border:2px solid var(--line);border-radius:var(--radius);} #fq-root .fq-consent input{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--accent);cursor:pointer;} #fq-root .fq-consent label{font-family:var(--afont);font-size:12.5px;line-height:1.5;color:#000;cursor:pointer;} #fq-root .fq-consent label a{color:var(--accent-dark);text-decoration:underline;font-weight:500;} #fq-root .fq-consent .req{color:var(--accent-dark);font-weight:600;margin-left:2px;} #fq-root .fq-consent.err{border-color:#d23b3b;} #fq-root .fq-errmsg{font-family:var(--afont);font-size:13px;color:#d23b3b;margin:6px 0 0;min-height:18px;} #fq-root .fq-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;} #fq-root .fq-back{background:none;border:none;color:#000;opacity:.55;font-size:14px;cursor:pointer;font-family:var(--afont);font-weight:500;} #fq-root .fq-back:disabled{opacity:0;cursor:default;} #fq-root .fq-next{background:var(--accent);color:#fff;border:none;font-family:var(--afont);font-weight:500;font-size:16px;padding:13px 32px;border-radius:8px;cursor:pointer;transition:background .15s,opacity .15s;} #fq-root .fq-next:hover{background:var(--accent-dark);} #fq-root .fq-next:disabled{opacity:.4;cursor:not-allowed;} #fq-root .fq-done{text-align:center;padding:48px 0;} #fq-root .fq-done h2{margin-bottom:8px;} #fq-root .fq-spin{width:34px;height:34px;border:3px solid #e1e3dc;border-top-color:var(--accent);border-radius:50%;margin:18px auto 0;animation:fqspin .8s linear infinite;} @keyframes fqspin{to{transform:rotate(360deg);}} @media(max-width:480px){#fq-root h2{font-size:22px;} #fq-root{padding:16px 14px 44px;} #fq-root .fq-banner{font-size:26px;margin-bottom:18px;}} @media(min-width:481px){ #fq-root{--maxw:928px;padding:29px 26px 81px;} #fq-root .fq-banner{font-size:50px;margin-bottom:35px;} #fq-root .fq-bar{height:9px;margin:9px 0 38px;} #fq-root .fq-step{font-size:19px;margin-bottom:9px;} #fq-root .fq-cat{font-size:17px;margin-bottom:20px;} #fq-root h2{font-size:32px;margin-bottom:12px;} #fq-root .fq-help{font-size:20px;margin-bottom:26px;} #fq-root .fq-opts{gap:14px;margin:26px 0 38px;} #fq-root .fq-opt{padding:20px 23px;font-size:23px;gap:17px;} #fq-root .fq-opt .dot{flex-basis:26px;width:26px;height:26px;margin-top:3px;} #fq-root .fq-num{gap:14px;margin:26px 0 38px;} #fq-root .fq-num input{font-size:29px;width:188px;padding:17px 20px;} #fq-root .fq-num span{font-size:23px;} #fq-root .fq-field{margin-bottom:20px;} #fq-root .fq-field label{font-size:20px;margin-bottom:9px;} #fq-root .fq-field input{font-size:23px;padding:19px 20px;} #fq-root .fq-consent{gap:14px;margin:20px 0;padding:17px 20px;} #fq-root .fq-consent input{width:29px;height:29px;margin-top:3px;} #fq-root .fq-consent label{font-size:18px;} #fq-root .fq-errmsg{font-size:19px;min-height:26px;} #fq-root .fq-nav{gap:17px;margin-top:12px;} #fq-root .fq-back{font-size:20px;} #fq-root .fq-next{font-size:23px;padding:19px 46px;} }