
:root{--bg:#eef8f5;--card:#fff;--ink:#204840;--muted:#66877e;--accent:#087f70;--orange:#087f70;--teal:#087f70;--white:#204840;--text:#204840;--on:#fff;--pink:#087f70;--grad:linear-gradient(110deg,#087f70,#087f70);--font:"Manrope",Arial,sans-serif;--head:"Manrope",Arial,sans-serif;--line:color-mix(in srgb,var(--ink) 15%,transparent)}
html{background:#d4e6e0}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:20px 22px 0;border-radius:50% 50% 18px 18px;overflow:hidden;border:7px solid #fff}.cover img{height:245px}.cover:after{display:none}.cover-tag{top:auto;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px}.intro{margin-top:25px}h1{font-size:32px;line-height:1.12;letter-spacing:-1px}.offer{border:0;background:#dbede7;border-radius:20px}.choice{border-radius:14px;border-color:#d3e6de}.choice i{border-radius:7px}.btn{border-radius:14px}.question-area{padding-top:32px}.perks{display:grid;gap:8px}
@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}}
