
:root{--bg:#101313;--card:#1b2220;--ink:#e8f9ed;--muted:#93b09d;--accent:#84ff71;--orange:#84ff71;--teal:#84ff71;--white:#e8f9ed;--text:#e8f9ed;--on:#0d190e;--pink:#84ff71;--grad:linear-gradient(110deg,#84ff71,#84ff71);--font:"Space Grotesk",monospace;--head:"Space Grotesk",monospace;--line:color-mix(in srgb,var(--ink) 15%,transparent)}
html{background:#040806}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 img{height:250px;filter:contrast(1.06)}.cover:after{background:linear-gradient(0deg,var(--bg),transparent)}.cover-tag{border:1px solid #84ff71;border-radius:0;font-family:monospace}.intro{margin-top:-18px}h1{font-size:40px;text-transform:uppercase;letter-spacing:-2px}.kicker:before{content:"> ";}.offer{border-radius:0;border:1px solid #84ff7133;background:repeating-linear-gradient(0deg,#84ff7103 0 1px,transparent 1px 5px)}.choice{border-radius:0;border-color:#84ff7125}.choice span{font-family:monospace;font-size:14px}.choice i{border-radius:2px}.btn{border-radius:0;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.progress-head{font-family:monospace}
@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}}
