
:root{--bg:#110f22;--card:#211d38;--ink:#f3efff;--muted:#b6a9cf;--accent:#bb9aff;--orange:#bb9aff;--teal:#bb9aff;--white:#f3efff;--text:#f3efff;--on:#1d1038;--pink:#bb9aff;--grad:linear-gradient(110deg,#bb9aff,#bb9aff);--font:"Space Grotesk",Arial,sans-serif;--head:"Space Grotesk",Arial,sans-serif;--line:color-mix(in srgb,var(--ink) 15%,transparent)}
html{background:#080713}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{padding:22px 22px 0;background:radial-gradient(ellipse at top,#7149aa55,transparent)}.cover img{height:230px;border-radius:18px;border:1px solid #bb9aff44;transform:perspective(800px) rotateY(-6deg)}.cover:after{display:none}.cover-tag{top:36px;left:36px}.intro{margin-top:26px}h1{font-size:39px;letter-spacing:-1.8px}h1 span{background:linear-gradient(100deg,#bb9aff,#ffa9df);color:transparent;background-clip:text}.choice{border-radius:12px;border-color:#bb9aff25}.offer{background:linear-gradient(120deg,#bb9aff15,#ffa9df12);border-radius:12px}.btn{background:linear-gradient(100deg,#bb9aff,#ffa9df)}.progress-track{height:5px;border-radius:5px}
@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}}
