:root{--navy:#071735;--blue:#0866d8;--cyan:#19c2ff;--gold:#f2bd45;--ink:#16233b;--muted:#667085;--bg:#f3f7fc;--card:#fff;--danger:#dc3545}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.topbar{height:68px;background:linear-gradient(120deg,var(--navy),#0c408b);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:20;box-shadow:0 8px 25px #0517372b}.brand{font-weight:850;letter-spacing:.2px}.container{width:min(1180px,92vw);margin:28px auto}.card{background:var(--card);border:1px solid #e5ebf4;border-radius:18px;padding:22px;box-shadow:0 10px 30px #17345b0c}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(120deg,var(--blue),#218cff);color:#fff}.btn-light{background:#edf4ff;color:#0757ba}.btn-danger{background:#fff0f1;color:var(--danger)}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d8e1ed;border-radius:10px;background:#fff;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#2388f4;box-shadow:0 0 0 3px #218cff1c}label{font-size:.88rem;font-weight:700;display:block;margin:0 0 6px}.field{margin-bottom:15px}.hero{background:linear-gradient(130deg,#061733,#0b58b6 70%,#08a9d5);color:#fff;border-radius:26px;padding:40px;position:relative;overflow:hidden}.hero:after{content:'Σ  ∑  ⚛  🌐';position:absolute;right:20px;bottom:10px;font-size:70px;opacity:.12}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e7f1ff;color:#075dbc;font-size:.78rem;font-weight:800}.muted{color:var(--muted)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e8edf5;padding:11px;font-size:.9rem}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#117ce055,transparent 30%),linear-gradient(140deg,#06142d,#0b3871)}.login .card{width:min(430px,92vw)}.exam-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.exam-shell.side{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)}.pdf-pane{height:calc(100vh - 105px);position:sticky;top:86px}.pdf-pane iframe{width:100%;height:100%;border:0;border-radius:15px}.question{font-size:1.04rem;line-height:1.65}.option{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid #dfe7f2;border-radius:12px;margin:9px 0;cursor:pointer}.option:hover,.option:has(input:checked){border-color:#218cff;background:#eff7ff}.answer-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.qicon{aspect-ratio:1;border:1px solid #dce5ef;border-radius:10px;background:#fff;font-weight:800;cursor:pointer}.qicon.answered{background:#0b6ddb;color:#fff}.qicon.active{outline:3px solid #f4bf45}.timer{font-weight:850;font-variant-numeric:tabular-nums}.sticky-side{position:sticky;top:86px;align-self:start}.progress{height:8px;background:#e4ebf5;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#0775e8,#20c5ec)}.toast{position:fixed;bottom:20px;right:20px;background:#10284e;color:#fff;border-radius:12px;padding:12px 16px;display:none;z-index:99}@media(max-width:800px){.grid-2,.grid-3,.exam-shell,.exam-shell.side{grid-template-columns:1fr}.container{width:94vw}.hero{padding:27px 22px}.pdf-pane{height:48vh;position:relative;top:0}.sticky-side{position:relative;top:0}.topbar{padding:0 3vw}.exam-shell.side .pdf-pane{order:0}.exam-shell.side .answer-area{order:1}}