:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#f5f7fb,#eef2f8);color:#0f172a}a{color:inherit;text-decoration:none}.container{max-width:860px;margin:0 auto;padding:2rem 1rem 4rem}.card{background:#fff;border-radius:18px;box-shadow:0 10px 35px rgba(15,23,42,.08);border:1px solid #e2e8f0;padding:1.5rem}h1,h2,h3{margin:0 0 .8rem}p{margin-top:0;color:#334155;line-height:1.6}.btn{border:0;border-radius:12px;font-weight:600;padding:.7rem 1.1rem;cursor:pointer;transition:transform .08s ease,opacity .2s ease}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:active{transform:translateY(1px)}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#e2e8f0;color:#0f172a}.answers{display:grid;grid-gap:.55rem;gap:.55rem;margin:1rem 0 0}.answerButton{width:100%;text-align:left;border:1px solid #cbd5e1;padding:.8rem .9rem;border-radius:10px;background:#fff;font-size:.95rem}.answerButton.selected{background:#dbeafe;border-color:#2563eb}.row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.progressTrack{width:100%;height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:.8rem 0 1rem}.progressFill{height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed)}.grid-2{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;background:#f8fafc}.badge{display:inline-block;margin-top:.35rem;padding:.2rem .6rem;border-radius:999px;background:#e2e8f0;font-size:.8rem;font-weight:700}.error{color:#b91c1c;margin-top:.75rem}