:root{--ink:#1d2433;--muted:#5b6475;--brand:#3b5bdb;--brand2:#e8edff;--ok:#2b8a3e;--bad:#c92a2a;--line:#dfe3ea}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#f7f8fb;line-height:1.5}
header.top{background:#fff;border-bottom:1px solid var(--line)}header.top .in{max-width:860px;margin:auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;color:var(--brand);text-decoration:none;font-size:1.15rem}.logo span{color:var(--ink);font-weight:600}
main{max-width:860px;margin:auto;padding:24px 20px 60px}h1{font-size:2rem;line-height:1.2;margin:.4em 0}h2{margin-top:1.6em}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:14px 22px;font-size:1.1rem;font-weight:700;cursor:pointer;text-decoration:none}
.btn.alt{background:var(--brand2);color:var(--brand)}.btn:disabled{opacity:.5;cursor:default}
.muted{color:var(--muted)}.small{font-size:.9rem}ul.ticks li{margin:.3em 0}
.choice{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.choice label{border:2px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;background:#fff}
.choice input{margin-right:6px}
#quiz{text-align:center}.timer{font-size:1.2rem;font-weight:700;color:var(--muted)}.q{font-size:3.6rem;font-weight:800;margin:18px 0}
.ans{font-size:2.4rem;width:180px;text-align:center;border:3px solid var(--line);border-radius:12px;padding:6px}
.pad{display:grid;grid-template-columns:repeat(3,72px);gap:8px;justify-content:center;margin:16px auto}
.pad button{font-size:1.6rem;padding:12px 0;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}
.pad button.go{background:var(--brand);color:#fff;font-weight:700}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.fact{background:var(--brand2);border-radius:8px;padding:6px 10px;font-weight:700}.fact.slow{background:#fff4e0}
.preview li{font-size:1.2rem;margin:.3em 0}.price{font-size:1.6rem;font-weight:800}
footer{max-width:860px;margin:auto;padding:20px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}footer a{color:var(--muted)}
.hide{display:none!important}.err{color:var(--bad);font-weight:600}