:root{--bg:#f3f8fc;--card:#ffffff;--ink:#14314a;--muted:#62788b;--accent:#1763df;--orange:#1763df;--teal:#1763df;--white:#14314a;--text:#14314a;--on:#ffffff;--pink:#1763df;--grad:linear-gradient(110deg,#1763df,#1763df);--font:"Manrope",Arial,sans-serif;--head:"Manrope",Arial,sans-serif;--line:color-mix(in srgb,var(--ink) 15%,transparent)}
html{background:#dce8f0}body{color:var(--ink);background:var(--bg);font-family:var(--font)}
h1,h2,legend{font-family:var(--font)}h1 span,.kicker,.progress-head b{color:var(--accent)}
.cover:after{background:linear-gradient(0deg,var(--bg),transparent 60%)}
.cover-tag{background:var(--ink);color:var(--bg);max-width:calc(100% - 44px);font-size:10px}
.perks{color:var(--muted)}.perks span:before{color:var(--accent)}
.offer{background:color-mix(in srgb,var(--accent) 8%,var(--bg));border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
.offer b{color:var(--accent)}.offer p{color:var(--muted)}
.choice{background:var(--card);color:var(--ink);border-color:var(--line)}.choice i{border-color:var(--muted)}
.choice:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:var(--accent)}
.choice input:checked~i{border-color:var(--accent)}.choice:focus-within{outline-color:var(--accent)}
.progress-track{background:var(--line)}.progress-track i{background:var(--accent)}
.actions{background:color-mix(in srgb,var(--bg) 96%,transparent);border-color:var(--line)}
.btn{color:var(--on);background:var(--accent)}.btn[disabled]{background:color-mix(in srgb,var(--ink) 12%,var(--bg));color:var(--muted);box-shadow:none;border-color:transparent;filter:none}
footer{background:color-mix(in srgb,var(--bg) 94%,var(--ink));color:var(--muted)}footer a,.footer-docs a{color:var(--ink)}
.quiz-overlay{background:var(--bg)}.quiz-close{background:var(--card);color:var(--accent)}
.quiz-form input{background:var(--card);color:var(--ink);border-color:var(--line)}.quiz-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.quiz-form .req{color:var(--accent)}.privacy-note{color:var(--muted)}.privacy-note a{color:var(--accent)}
.gift-banner{border-color:var(--accent);color:var(--ink)}.gift-banner svg{stroke:var(--accent)}.quiz-step-label{color:var(--accent)}
body:has(.ok){background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%),var(--bg)}
.ok,.next li:before,.back a{background:var(--accent);color:var(--on);box-shadow:none}.ok svg{stroke:var(--on)}.next{background:var(--card)}.next b{color:var(--accent)}
.cover{margin:16px;border-radius:24px;overflow:hidden}.cover img{height:210px}.cover:after{display:none}.intro{margin-top:24px}h1{font-size:34px;font-weight:800}.cover-tag{top:14px;left:14px}.choice{border-radius:16px;box-shadow:0 4px 14px #14314a06}.offer{border-radius:18px;background:#dfedff}.question-area{margin:24px 12px 0;border-radius:24px;background:#fff;padding:24px 16px}.btn{border-radius:16px}.perks{display:grid;gap:7px}
@media(max-width:360px){h1{font-size:30px;overflow-wrap:normal}.cover-tag{font-size:8px} .offer{padding:12px;gap:9px}.cover img{height:210px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}