*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f7fb;color:#172033;min-height:100vh;display:grid;place-items:center;padding:24px}.quiz-shell{width:min(920px,100%)}.quiz-card{background:#fff;border:1px solid #e5eaf2;border-radius:22px;padding:clamp(22px,4vw,42px);box-shadow:0 18px 55px rgba(30,55,90,.10)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#2563eb}.quiz-card h1{margin:.35rem 0 1.2rem;font-size:clamp(2rem,5vw,3rem)}.topline{display:flex;justify-content:space-between;gap:16px;font-weight:700;color:#536176}.progress-track{height:8px;background:#edf1f7;border-radius:99px;overflow:hidden;margin:12px 0 28px}.progress-bar{height:100%;width:20%;background:#2563eb;transition:width .3s ease}.quiz-card h2{font-size:clamp(1.25rem,3vw,1.7rem);margin:0 0 20px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice{appearance:none;background:#fff;border:2px solid #e3e8f0;border-radius:16px;padding:10px;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.choice:hover,.choice:focus-visible{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 8px 24px rgba(37,99,235,.12);outline:none}.choice img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px;background:#eef2f7}.choice span{display:block;padding:10px 6px 4px;font-weight:800}.choice.correct{border-color:#16a34a;background:#f0fdf4}.choice.wrong{border-color:#dc2626;background:#fef2f2}.choice:disabled{cursor:default;transform:none}.feedback{min-height:26px;font-weight:800;margin:18px 0 8px}.feedback.good{color:#15803d}.feedback.bad{color:#b91c1c}.next-btn{border:0;border-radius:12px;background:#172033;color:#fff;font-weight:800;padding:12px 18px;cursor:pointer}.next-btn:hover,.next-btn:focus-visible{background:#2563eb;outline:none}.result{text-align:center;padding:20px 0}.result-icon{font-size:3.5rem}.result h2{font-size:2rem;margin:10px 0}.result p{font-size:1.2rem;color:#536176}@media(max-width:640px){.choices{grid-template-columns:1fr}.quiz-card{border-radius:16px}.topline{font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}