:root{--ink:#101827;--panel:#182335;--panel2:#202d42;--line:#34445b;--text:#f4f7fb;--muted:#b8c3d2;--dim:#8290a4;--mint:#9fe0d6;--green:#74d6a1;--amber:#f1c982;--red:#ff9d9d}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 50% -10%,#263a56 0,#101827 38%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.page{width:min(760px,100%);margin:auto;padding:20px clamp(14px,4vw,24px) 72px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:4px 0 18px;border-bottom:1px solid var(--line)}.logo{font:600 21px Fraunces,Georgia,serif;color:var(--text);text-decoration:none}.logo span{color:var(--mint)}.back{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.hero{padding:36px 0 24px}.eyebrow{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero h1{font:600 clamp(30px,8vw,48px)/1.08 Fraunces,Georgia,serif;letter-spacing:-.03em;margin:10px 0}.hero p{max-width:650px;color:var(--muted);font-size:clamp(14px,3.5vw,17px);line-height:1.65;margin:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:2px 0 24px}.fact{background:#172236;border:1px solid var(--line);border-radius:14px;padding:13px}.fact strong{display:block;color:var(--mint);font-size:15px;margin-bottom:3px}.fact span{color:var(--dim);font-size:11px}.card{background:linear-gradient(145deg,var(--panel),#141e2e);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,4vw,25px);box-shadow:0 18px 45px #050a1238}.setup h2,.results h2{font:600 23px Fraunces,Georgia,serif;margin:0 0 8px}.setup p,.small{color:var(--muted);font-size:13px;line-height:1.6}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.mode{min-height:86px;padding:14px;border-radius:14px;border:1.5px solid var(--line);background:var(--panel2);color:var(--text);text-align:left;cursor:pointer}.mode.active{border-color:var(--mint);box-shadow:0 0 0 2px #9fe0d622}.mode strong,.mode span{display:block}.mode span{font-size:11px;color:var(--muted);line-height:1.45;margin-top:4px}.primary,.secondary{width:100%;min-height:50px;border:0;border-radius:13px;font:800 14px Inter,sans-serif;cursor:pointer}.primary{background:var(--mint);color:#10212a}.secondary{background:var(--panel2);border:1px solid var(--line);color:var(--text);margin-top:9px}.test-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.progress{height:8px;background:#27354a;border-radius:99px;overflow:hidden;flex:1}.progress i{display:block;height:100%;background:var(--mint);width:0;transition:width .25s}.count,.timer{font:800 12px "Space Grotesk",sans-serif;color:var(--muted);white-space:nowrap}.question{text-align:center;padding:22px 0}.prompt{font:700 clamp(38px,12vw,68px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.04em;margin-bottom:24px}.answer{width:min(250px,100%);height:62px;background:#0f1725;border:2px solid var(--line);border-radius:14px;color:var(--text);font:700 28px "Space Grotesk",sans-serif;text-align:center}.answer:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 4px #9fe0d61b}.submit{display:block;width:min(250px,100%);min-height:48px;margin:10px auto 0;border:0;border-radius:12px;background:var(--mint);color:#10212a;font-weight:800;cursor:pointer}.timebar{height:5px;background:#26344a;border-radius:20px;overflow:hidden;margin-top:20px}.timebar i{display:block;height:100%;width:100%;background:var(--amber);transform-origin:left}.pause{text-align:center;padding:50px 10px}.pause b{font:600 25px Fraunces,serif}.score{font:700 clamp(52px,15vw,82px)/1 "Space Grotesk",sans-serif;color:var(--green);margin:20px 0 5px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.result-stat{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:13px}.result-stat strong{display:block;font-size:18px}.result-stat span{font-size:11px;color:var(--dim)}.review{margin-top:20px}.review-row{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line);font-size:13px}.review-row .q{flex:1}.ok{color:var(--green)}.bad{color:var(--red)}.info{margin-top:30px}.info h2{font:600 21px Fraunces,serif;margin:28px 0 8px}.info p,.info li{color:var(--muted);font-size:13.5px;line-height:1.75}.info a{color:var(--mint)}.note{border-left:3px solid var(--amber);background:#f1c98212;border-radius:0 12px 12px 0;padding:12px 15px}.hidden{display:none!important}.question-nav{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin:16px 0}.qnav{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted);font-size:11px;cursor:pointer}.qnav.done{background:#244b43;color:#dffff5;border-color:#397062}.qnav.active{outline:2px solid var(--mint)}.paper-prompt{font:650 clamp(24px,7vw,38px)/1.25 "Space Grotesk",sans-serif;letter-spacing:-.025em;margin-bottom:10px}.marks{font-size:11px;color:var(--amber);font-weight:800}.paper-actions{display:flex;gap:9px;margin-top:20px}.paper-actions button{flex:1}.solution{background:#121c2b;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55}.solution strong{color:var(--text)}footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 20px}footer a{color:var(--muted);font-size:11.5px;font-weight:650;text-decoration:none}@media(max-width:520px){.page{padding-top:14px}.hero{padding-top:27px}.facts{grid-template-columns:1fr}.fact{display:flex;align-items:center;justify-content:space-between}.fact strong{margin:0}.mode-grid{grid-template-columns:1fr}.question-nav{grid-template-columns:repeat(6,1fr)}.paper-actions{flex-direction:column}.back{font-size:11px}.answer{font-size:26px}.card{border-radius:17px}}