:root{--fg:#191a23;--lime:#b9ff66;--gr:#f3f3f3;--mu:#5d606b;--no:#e5484d}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:auto;max-width:560px;padding:0 18px 92px;background:#fff;color:var(--fg);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1{font-size:1.9rem;line-height:1.2;margin:.3em 0;letter-spacing:-.02em}h2{font-size:1.3rem;margin:36px 0 12px;scroll-margin-top:76px}h3{font-size:1.15rem;margin:6px 0 2px}
.hl{background:var(--lime);padding:0 8px;border-radius:8px;font-weight:700}a{color:inherit}.mu{color:var(--mu);font-size:.9rem}
.btn,button{display:block;width:100%;text-align:center;background:var(--fg);color:#fff;border:0;border-radius:14px;padding:14px 16px;font:inherit;font-weight:600;font-size:.95rem;text-decoration:none;margin:8px 0;cursor:pointer}
.btn.ghost,button.ghost{background:#fff;color:var(--fg);border:1px solid var(--fg)}.sec{background:var(--no);color:#fff}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 0;position:sticky;top:0;background:#fff;z-index:5}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none}.logo span{display:grid;place-items:center;width:28px;height:28px;background:var(--fg);color:var(--lime);border-radius:8px}
a.pill{width:auto;margin:0;padding:8px 16px;border:1px solid var(--fg);border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:600}
.hero{padding:14px 0 6px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row .btn{margin:0}
.trust{display:grid;grid-template-columns:repeat(3,1fr);background:var(--fg);color:#fff;border-radius:24px;padding:18px 6px;text-align:center;margin:18px 0}.trust b{display:block;color:var(--lime);font-size:1.2rem}.trust span{font-size:.72rem;color:#c9cbd3}
.promo,.card{background:var(--gr);border:1px solid var(--fg);border-bottom-width:4px;border-radius:24px;padding:20px;margin:14px 0}
.c1{background:var(--lime)}.c2{background:var(--fg);color:#fff}.c2 .mu,.c2 .tag,.c2 .kv span{color:#c9cbd3}.c2 .btn{background:var(--lime);color:var(--fg)}.c2 .kv,.c2 .kv div{border-color:#3a3c48}.c2 .cd,.c2 .warn{color:var(--lime);background:#262833}
.tags{display:flex;justify-content:space-between;align-items:center}.tag{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.b{font-size:.7rem;font-weight:700;border-radius:999px;padding:3px 10px;background:#fff;color:var(--fg);border:1px solid var(--fg)}.b.soon{background:var(--fg);color:var(--lime)}.b.gray{background:var(--gr);color:var(--mu);border-color:var(--mu)}.b.red{background:#fee2e2;color:#b91c1c;border-color:#b91c1c}
.kv{margin:12px 0;border-top:1px solid #0002}.kv div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #0002;font-size:.9rem}.kv span{color:var(--mu);flex:none}.kv b{text-align:right}
.cd{font-size:.85rem;font-weight:700}.warn{background:#fff;border-radius:12px;padding:10px 12px;font-size:.85rem;margin:10px 0}
details{background:#fff;border:1px solid var(--fg);border-bottom-width:3px;border-radius:18px;padding:12px 16px;margin:10px 0}summary{font-weight:600;cursor:pointer}details ol{margin:8px 0 0;padding-left:20px;color:var(--mu);font-size:.9rem}details[open]{background:var(--lime)}details p{margin:8px 0 0}
.empty{text-align:center;color:var(--mu)}label{font-size:.85rem;font-weight:600}
input,textarea,select{width:100%;font:inherit;padding:12px;margin:4px 0 12px;border:1px solid var(--fg);border-radius:12px;background:#fff;color:var(--fg)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chip{flex:none;width:auto;margin:0;padding:8px 16px;border-radius:999px;background:#fff;color:var(--fg);border:1px solid var(--fg);font-size:.82rem}.chip.on{background:var(--fg);color:var(--lime)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stat{background:var(--gr);border:1px solid var(--fg);border-bottom-width:3px;border-radius:18px;padding:14px}.stat b{display:block;font-size:1.25rem}.stat span{font-size:.75rem;color:var(--mu)}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.seg button{margin:0;padding:10px 2px;font-size:.7rem;border-radius:10px;background:#fff;color:var(--fg);border:1px solid var(--fg)}.seg button.on{background:var(--fg);color:var(--lime)}
.bn,#nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--fg);padding-bottom:env(safe-area-inset-bottom,0);z-index:8}
.bn a,#nav button{flex:1;text-align:center;padding:14px 2px;margin:0;font-size:.74rem;font-weight:600;color:var(--mu);text-decoration:none;background:none;border-radius:0;border:0}.bn a.on,#nav button.on{color:var(--fg);box-shadow:inset 0 3px 0 var(--lime)}
#msg:empty{display:none}#msg{position:fixed;left:16px;right:16px;bottom:74px;background:var(--fg);color:#fff;border-radius:12px;padding:10px;text-align:center;font-size:.85rem;z-index:9}
.card h1{margin:2px 0}.pg{padding-bottom:20px}
[hidden]{display:none!important}body{padding-bottom:40px}#msg{bottom:20px}.pg{padding-bottom:20px}
#mb{width:auto;margin:0;padding:8px 14px;background:#fff;color:var(--fg);border:1px solid var(--fg);border-radius:12px;font-size:1.15rem;line-height:1.2}
#menu{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#menu.open{opacity:1;pointer-events:auto}
#menu nav{position:absolute;top:0;right:0;bottom:0;width:80%;max-width:320px;background:#fff;border-left:1px solid var(--fg);padding:20px 14px;transform:translateX(100%);transition:transform .2s;overflow:auto}#menu.open nav{transform:none}
#menu a,#menu .mi{display:block;width:100%;padding:13px 12px;margin:2px 0;border:0;border-radius:12px;background:none;color:var(--fg);font-weight:600;font-size:1rem;text-align:left;text-decoration:none}#menu a.on,#menu .mi.on{background:var(--lime)}
#menu h4{margin:18px 12px 4px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}.bdg{background:var(--fg);color:var(--lime);border-radius:999px;font-size:.7rem;padding:2px 8px;margin-left:8px}
#mb .bdg{margin-left:6px;vertical-align:middle}.mc{display:flex;justify-content:space-between;align-items:center;padding:14px 0 4px}.sh{margin:14px 0 8px}
details{color:var(--fg)}details summary,details[open] summary{color:var(--fg)}.c2 details ol,.c2 details p,.c2 details li{color:var(--mu)}.c2 details[open] li,.c2 details[open] ol{color:var(--fg)}
#msg{cursor:pointer}
body.u{padding-bottom:88px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.steps div{background:var(--gr);border:1px solid var(--fg);border-bottom-width:3px;border-radius:16px;padding:12px 6px;text-align:center;font-size:.78rem;font-weight:600}.steps b{display:grid;place-items:center;width:26px;height:26px;margin:0 auto 6px;background:var(--lime);border-radius:50%}
.big{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:6px 0}.c2 .big{color:var(--lime)}
.prog{display:flex;gap:6px;margin:10px 0}.prog span{flex:1;text-align:center;font-size:.72rem;font-weight:600;padding:6px 2px;border-radius:999px;background:#fff;border:1px solid var(--fg);color:var(--mu)}.prog span.on{background:var(--fg);color:var(--lime)}
.claim{background:#fff;border:1px solid var(--fg);border-radius:16px;padding:14px;margin:10px 0}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes shim{to{background-position:-200% 0}}
@keyframes pulse{0%{box-shadow:0 0 0 0 #19192355}100%{box-shadow:0 0 0 14px #19192300}}
@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.7}}
section[data-r].enter{animation:up .35s ease both}
.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.btn,button{transition:transform .15s ease,box-shadow .15s ease,opacity .15s}.btn:hover,button:hover{transform:translateY(-2px)}.btn:active,button:active{transform:scale(.97)}button:disabled{opacity:.6;pointer-events:none}
.promo:hover,.card:hover{box-shadow:0 8px 0 #191a2318}
.hero{position:relative;overflow:hidden}.blob{position:absolute;right:-50px;top:-30px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#b9ff66bb,#b9ff6600 70%);animation:float 6s ease-in-out infinite;z-index:-1}
.hl{background-image:linear-gradient(90deg,var(--lime),#e4ffc0,var(--lime));background-size:200% 100%;animation:shim 4s linear infinite}
.tl{list-style:none;margin:18px 0;padding:0;position:relative}.tl:before{content:"";position:absolute;left:18px;top:8px;bottom:8px;width:3px;background:var(--fg);opacity:.12;border-radius:2px}
.tl li{display:flex;gap:14px;margin:0 0 18px;position:relative}.tl li>b{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--fg);color:var(--lime);z-index:1}.tl li.in>b{animation:pop .5s ease both}
.tl li>div{flex:1;background:var(--gr);border:1px solid var(--fg);border-bottom-width:4px;border-radius:20px;padding:14px 16px}.tl h3{margin:0 0 4px}.tl p{margin:0 0 8px}.tl .btn{margin:6px 0 0}.tl li:first-child .btn{animation:pulse 2s infinite}
.sk{height:140px;border-radius:24px;margin:14px 0;background:linear-gradient(90deg,#eee 25%,#f8f8f8 50%,#eee 75%);background-size:200% 100%;animation:shim 1.4s infinite linear}
#menu.open nav a{animation:up .3s ease both}.prog span.on{animation:pop .4s ease both}
.okc2{width:56px;height:56px;border-radius:50%;background:var(--fg);color:var(--lime);display:grid;place-items:center;font-size:1.6rem;margin-bottom:8px;animation:pop .5s ease both}
.cf{position:fixed;top:-14px;width:8px;height:12px;z-index:50;pointer-events:none;animation:fall 1.5s ease-in forwards}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}