:root{--ink:#111827;--muted:#697386;--line:#e8ebf2;--surface:#fff;--bg:#f7f8fc;--blue:#4f7cff;--pink:#ef5da8;--soft:#f2f5ff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}.shell{min-height:100vh}.wrap{width:min(1080px,100% - 32px);margin:auto}.nav{justify-content:space-between;align-items:center;height:74px;display:flex}.logo{letter-spacing:-1.8px;font-size:30px;font-weight:950}.logo .z{background:linear-gradient(135deg,var(--blue),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.navlinks{gap:10px;display:flex}.pill,.primary,.choice{cursor:pointer;border:0;border-radius:15px}.pill{background:#fff;padding:10px 14px;box-shadow:0 3px 16px #18203a0d}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:46px;padding:64px 0 82px;display:grid}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-size:13px;font-weight:850}.hero h1{letter-spacing:-4px;margin:15px 0 20px;font-size:clamp(46px,7vw,82px);line-height:.96}.gradient{background:linear-gradient(110deg,var(--blue),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:610px;font-size:20px;line-height:1.55}.primary{background:var(--ink);color:#fff;padding:16px 22px;font-weight:850;box-shadow:0 10px 25px #1118271f}.secondary{color:var(--ink)!important;border:1px solid var(--line)!important;background:#fff!important}.cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.preview,.panel{border:1px solid var(--line);background:#fff;border-radius:28px;box-shadow:0 24px 70px #25305212}.preview{padding:24px;transform:rotate(1.2deg)}.previewTop{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.progress{background:#edf0f6;border-radius:99px;height:7px;margin:20px 0 28px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--blue),var(--pink));width:55%;height:100%;display:block}.preview h2{letter-spacing:-1px;font-size:28px}.answers{gap:10px;display:grid}.choice{text-align:left;background:#f7f8fc;border:1px solid #0000;padding:14px 15px;font-weight:720}.choice b{background:#fff;border-radius:9px;place-items:center;width:28px;height:28px;margin-right:10px;display:inline-grid}.section{padding:32px 0 76px}.sectionTitle{letter-spacing:-1.4px;font-size:34px}.modeGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mode{border:1px solid var(--line);background:#fff;border-radius:22px;padding:22px}.mode strong{font-size:18px}.mode p{color:var(--muted);margin-bottom:0;line-height:1.45}.game{width:min(760px,100% - 32px);margin:auto;padding:26px 0 60px}.gameHead{justify-content:space-between;align-items:center;display:flex}.question{letter-spacing:-2px;margin:38px 0 28px;font-size:clamp(31px,6vw,50px);line-height:1.08}.game .choice{background:#fff;border-radius:17px;padding:18px;box-shadow:0 4px 18px #1e293b0b}.result{text-align:center;width:min(620px,100% - 32px);margin:55px auto;padding:42px}.score{letter-spacing:-5px;margin:18px 0 0;font-size:86px;font-weight:950}.muted{color:var(--muted)}.rank{margin-top:26px}.row{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 75px 65px;padding:14px 0;display:grid}.ad-demo{text-align:center;color:#8a93a5;border:1px dashed #cdd3df;border-radius:12px;margin:18px 0;padding:12px;font-size:12px}@media (max-width:800px){.hero{grid-template-columns:1fr;padding-top:34px}.preview{transform:none}.modeGrid{grid-template-columns:1fr 1fr}.navlinks{display:none}}@media (max-width:500px){.hero h1{letter-spacing:-2.6px}.modeGrid{grid-template-columns:1fr}.hero{gap:30px}.preview{padding:18px}.score{font-size:68px}}