*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#172033;background:#f6f8fb} .hero{background:linear-gradient(135deg,#0f766e,#164e63 55%,#312e81);color:white;padding:56px 22px}.hero>div{max-width:1100px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#a7f3d0}.hero h1{font-size:clamp(2.1rem,5vw,4.4rem);margin:.1em 0}.hero p{max-width:760px;font-size:1.15rem;line-height:1.6}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.stats span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:10px 14px;border-radius:999px}nav{position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid #e6eaf0;display:flex;justify-content:center;gap:8px;padding:10px}button{border:0;border-radius:12px;padding:12px 18px;background:#0f766e;color:white;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(15,118,110,.18)}button:hover{filter:brightness(.96)}button.ghost{background:#e7eef6;color:#172033;box-shadow:none}nav button{background:#eef3f7;color:#334155;box-shadow:none}nav button.active{background:#0f766e;color:#fff}main{max-width:1100px;margin:24px auto;padding:0 16px}.tab{display:none}.tab.active{display:block}.panel,.question,.result-card{background:white;border:1px solid #e5eaf1;border-radius:20px;padding:22px;margin:16px 0;box-shadow:0 10px 30px rgba(15,23,42,.06)}.muted,.meta{color:#64748b}.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.controls.center{justify-content:center;margin:18px}input,select{width:180px;padding:12px;border:1px solid #ccd6e0;border-radius:12px;font:inherit;background:white}.question h3{margin-top:0}.option{display:block;padding:12px;margin:8px 0;border:1px solid #dbe3ea;border-radius:12px;background:#fbfdff}.option:hover{background:#f1f8f7}.sticky{position:sticky;bottom:12px;text-align:center;background:rgba(246,248,251,.88);backdrop-filter:blur(8px);padding:12px;border-radius:18px}.hidden{display:none!important}.correct{border-color:#10b981!important;background:#ecfdf5!important}.incorrect{border-color:#ef4444!important;background:#fef2f2!important}.rationale{border-left:4px solid #0f766e;padding:10px 14px;background:#f8fafc;border-radius:8px;margin-top:10px}.flashcard{min-height:280px;background:linear-gradient(135deg,#fff,#ecfeff);border:1px solid #cbd5e1;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;margin:20px 0;box-shadow:0 18px 50px rgba(2,132,199,.12);font-size:2rem;font-weight:900}.flashcard .small{font-size:.9rem;color:#0f766e;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.flashcard #cardBack{font-size:1.25rem;font-weight:650;line-height:1.5;max-width:760px}.score{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.good{background:#059669}.bad{background:#dc2626}.source{padding:12px;border-bottom:1px solid #e2e8f0}.source a{color:#0f766e;font-weight:700}footer{text-align:center;color:#64748b;padding:36px}@media(max-width:650px){.controls{align-items:stretch}.controls>*{width:100%}input,select,button{width:100%}.flashcard{font-size:1.45rem}}