*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#172033}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #1e2a4414;margin:18px 0}.btn{display:inline-block;border:0;border-radius:10px;padding:13px 18px;background:#0b5ed7;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.btn.alt{background:#198754}.btn.warn{background:#dc3545}.btn.gray{background:#6c757d}.btn:disabled{opacity:.45;cursor:not-allowed}.input,select,textarea{width:100%;padding:12px;border:1px solid #ccd4df;border-radius:9px;margin:6px 0 14px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.option{padding:16px;border:2px solid #dbe2ea;border-radius:12px;margin:10px 0;cursor:pointer;background:#fff}.option.selected{border-color:#0b5ed7;background:#dcecff}.option img,.question img{max-width:100%;height:auto;border-radius:8px}.topbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#e9eef6}.error{padding:12px;background:#fde2e2;color:#8a1111;border-radius:10px}.success{padding:12px;background:#dff4e6;color:#0d5f2f;border-radius:10px}.muted{color:#667085}.hidden{display:none}.subject-title{font-size:20px;font-weight:700}.timer{font-size:22px;font-weight:700}.progress{height:12px;background:#e7ecf2;border-radius:20px;overflow:hidden}.progress>div{height:100%;background:#0b5ed7}.result-row{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e7ecf2}table{width:100%;border-collapse:collapse}th,td{padding:10px;border:1px solid #dce3eb;text-align:left}nav a{margin-right:10px}.center{text-align:center}@media(max-width:640px){.container{padding:12px}.card{padding:16px}.btn{width:100%;margin:5px 0}}