*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1020;color:#eef2ff}a{color:inherit;text-decoration:none}.topbar{height:68px;border-bottom:1px solid #27304a;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#0d1326;position:sticky;top:0;z-index:20}.brand{font-weight:900;letter-spacing:2px}.brand span{color:#6ea8fe}.topbar nav{display:flex;gap:22px;color:#aab4ce;font-size:14px}.view{max-width:1120px;margin:0 auto;padding:42px 20px}.hidden{display:none!important}.hero{padding:36px 0 20px}.eyebrow{font-size:12px;letter-spacing:2px;color:#6ea8fe;font-weight:800}.hero h1{font-size:clamp(32px,5vw,58px);max-width:780px;line-height:1.03;margin:10px 0}.muted{color:#9ca8c2}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card{background:#11182c;border:1px solid #27304a;border-radius:18px;padding:22px}.card h3{margin:0 0 8px}.meta{display:flex;gap:16px;color:#98a4bd;font-size:13px;margin:15px 0}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:#6ea8fe;color:#08101f}.secondary{background:#202a42;color:#eaf0ff}.danger{background:#d94b64;color:white}.exam-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.exam-header h2{margin:5px 0 0;font-size:28px}.timer-wrap{min-width:130px;text-align:center;background:#121a2e;border:1px solid #33405f;border-radius:14px;padding:12px}.timer-wrap span{display:block;font-size:10px;color:#8f9ab3;letter-spacing:1px}.timer-wrap strong{font-size:27px}.section-tabs{display:flex;gap:8px;overflow:auto;padding:20px 0}.section-tab{white-space:nowrap;border:1px solid #303b59;background:#131b31;color:#9ca8c2;border-radius:10px;padding:11px 15px}.section-tab.active{background:#6ea8fe;color:#07101f;border-color:#6ea8fe}.section-tab.done{color:#7fe0ad;border-color:#285a47}.question-card{background:#11182c;border:1px solid #27304a;border-radius:18px;padding:25px}.q-number{color:#6ea8fe;font-weight:800;font-size:13px}.question-text{font-size:20px;line-height:1.5;margin:10px 0 22px}.option{display:flex;gap:12px;align-items:flex-start;background:#151e35;border:1px solid #2c3855;border-radius:12px;padding:14px;margin:10px 0;cursor:pointer}.option:hover{border-color:#6ea8fe}.option input{margin-top:4px}.exam-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 0}.warning{background:#40241f;border:1px solid #a9573e;color:#ffd7ce;border-radius:12px;padding:13px;margin:10px 0}.result-card{max-width:720px;margin:30px auto;text-align:center;background:#11182c;border:1px solid #27304a;border-radius:20px;padding:35px}.score{font-size:58px;font-weight:900;margin:12px}.pass{color:#63d49a}.fail{color:#ff7187}.breakdown{margin-top:25px;text-align:left}.row{display:flex;justify-content:space-between;border-bottom:1px solid #27304a;padding:12px 0}@media(max-width:650px){.exam-header{align-items:flex-start}.exam-header h2{font-size:21px}.timer-wrap{min-width:105px}.view{padding:28px 14px}.question-card{padding:18px}}

.modal{position:fixed;inset:0;background:rgba(3,7,18,.82);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{width:min(500px,100%);background:#11182c;border:1px solid #33405f;border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.modal-card label{display:block;margin:18px 0 7px;font-weight:700}.modal-card input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #33405f;background:#0d1528;color:#eef2ff;font-size:16px}.modal-card input:focus{outline:2px solid #6ea8fe;border-color:#6ea8fe}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}