:root{--bg:#171d1b;--surface:#202825;--surface-hover:#28332f;--lime:#dfff39;--lime-glow:#edff8d;--text:#f7faf8;--muted:#aeb9b5;--border:#35403c;--radius:16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at top,rgba(223,255,57,.09),transparent 55%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.pixel{display:none}.page{min-height:100vh;display:flex;flex-direction:column}header{padding:24px 20px 16px;text-align:center}.logo{display:block;width:auto;height:50px;max-width:220px;margin:auto;object-fit:contain}.progress-wrap,.screen{width:100%;max-width:576px;margin:0 auto;padding-left:20px;padding-right:20px}.progress-wrap{padding-top:4px}.progress-wrap.hidden{display:none}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:12px}.progress-meta strong{color:var(--lime)}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#2b3532}.progress-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--lime),var(--lime-glow));transition:width .5s ease}.screen{flex:1;padding-top:28px;padding-bottom:28px}.fade{animation:fade .4s ease-out both}.intro{text-align:center;padding-top:20px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(223,255,57,.32);border-radius:999px;background:rgba(223,255,57,.09);color:var(--lime);font-size:12px;font-weight:700}.badge i{width:6px;height:6px;border-radius:50%;background:var(--lime);animation:pulse 1.6s infinite}.intro h1{margin:24px auto 0;max-width:540px;font-size:clamp(32px,8vw,48px);line-height:1.05;letter-spacing:-1.3px}.intro h1 span{color:var(--lime)}.lead{max-width:430px;margin:18px auto 0;color:var(--muted);font-size:17px;line-height:1.5}.intro ul{display:grid;gap:12px;max-width:385px;margin:30px auto 0;padding:0;list-style:none;text-align:left}.intro li{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface);font-size:14px;font-weight:600}.intro li b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--lime);color:var(--bg);font-size:12px}.primary{width:100%;margin-top:30px;padding:17px 22px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--lime),var(--lime-glow));color:var(--bg);font-weight:800;cursor:pointer;box-shadow:0 0 38px -10px var(--lime);transition:transform .15s,filter .2s}.primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.intro small{display:block;margin-top:13px;color:var(--muted);font-size:12px}.question{padding-top:8px}.question h2{margin:0;text-align:center;font-size:clamp(25px,6vw,32px);line-height:1.2;letter-spacing:-.5px}.question>p{margin:10px 0 0;text-align:center;color:var(--muted);font-size:14px}.options{display:grid;gap:12px;margin-top:30px}.option{display:flex;align-items:center;gap:16px;width:100%;padding:19px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.option:hover{transform:translateY(-2px);border-color:var(--lime);background:var(--surface-hover)}.emoji{flex:none;font-size:29px}.option strong{flex:1;font-size:17px;line-height:1.25}.arrow{color:var(--muted);font-size:20px;transition:transform .18s,color .18s}.option:hover .arrow{transform:translateX(4px);color:var(--lime)}footer{padding:20px;text-align:center;color:var(--muted);font-size:12px}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(223,255,57,0)}}@media(min-width:640px){header{padding-top:32px}.logo{height:56px}.screen{padding-top:40px}.intro{padding-top:28px}.option{padding:20px 22px}}