body{font-family:Arial, sans-serif;background:#f4f7fb;margin:0;color:#172033}.wrap{max-width:980px;margin:30px auto;background:#fff;padding:25px;border-radius:16px;box-shadow:0 10px 35px #0001}.brand{background:linear-gradient(135deg,#0b5cff,#092c74);color:#fff;padding:22px;border-radius:14px;margin-bottom:20px}.brand h1{margin:0;font-size:28px}.muted{color:#667085}.input,button{padding:12px;border-radius:10px;border:1px solid #d0d5dd;width:100%;box-sizing:border-box;margin:7px 0 15px}button,.btn{background:#0b5cff;color:#fff;border:0;cursor:pointer;font-weight:700;text-decoration:none;display:inline-block;padding:12px 18px;border-radius:10px}.q{border:1px solid #e5e7eb;padding:18px;border-radius:14px;margin:15px 0;background:#fcfcfd}.opt{display:block;background:#f8fafc;padding:10px;border-radius:10px;margin:8px 0}.correct{background:#dcfce7!important;border:1px solid #16a34a}.wrong{background:#fee2e2!important;border:1px solid #dc2626}.score{font-size:34px;font-weight:800}.pass{color:#16a34a}.fail{color:#dc2626}.topbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.timer{font-size:22px;font-weight:800;color:#dc2626}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:700px){.grid{grid-template-columns:1fr}.wrap{margin:10px;padding:14px}.brand h1{font-size:22px}}