:root{font-family:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e7f0fb;background:#0b1525}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#1b3553 0%,#101d31 45%,#0b1525 100%);color:#e7f0fb;min-height:100vh}
header[data-atlas-header] .brand{display:inline-flex;align-items:center;gap:10px;color:#f5f8ff;text-decoration:none;font-size:23px;font-weight:800;white-space:nowrap}
header[data-atlas-header] .brandmark{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #79dbe0;background:radial-gradient(circle at 35% 30%,#5eabc4,#193d68 70%);color:#e8ffff;font-size:17px;box-shadow:0 0 18px #5ddde344}
header[data-atlas-header] .brand .directory{display:block;margin-left:3px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#afccdc;max-width:100px;white-space:normal;line-height:1.3}
.exam-hero{padding:54px max(20px,calc((100vw - 1040px)/2)) 67px;background:linear-gradient(125deg,#112c4b,#183b5a 57%,#14576d);border-bottom:1px solid #3d667c}
.exam-hero a{color:#a9f1ee;text-decoration:none;font-weight:700}.exam-hero a:hover{text-decoration:underline}.exam-hero h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.17;margin:13px 0 10px;max-width:850px;color:#fff}.exam-hero p{margin:8px 0;color:#c8ddea}.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#84e4df}
.wrap{max-width:1040px;margin:-27px auto 55px;padding:0 18px}
.bar,.card,.result{background:#17283f;border:1px solid #36516d;box-shadow:0 12px 35px #050e1b55;border-radius:15px}
.bar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:calc(var(--atlas-header-height,82px) + 8px);z-index:30}
.bar strong{font-size:1.12rem;color:#f3f8ff}.bar small{color:#b8cde0;display:block;margin-top:3px}
.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.18rem;color:#84e4df;white-space:nowrap}.timer.warn{color:#ffb290}
.progress{height:7px;border-radius:12px;background:#29435e;overflow:hidden;margin:17px 0 23px}.progress i{display:block;height:100%;width:0;background:#66d4d4;transition:width .2s}
.card{padding:23px 25px;margin:17px 0;scroll-margin-top:calc(var(--atlas-header-height,82px) + 110px)}.card h2{font-size:1.08rem;line-height:1.5;margin:0 0 16px;color:#f7fbff}.num{color:#85dedc;font-weight:800;font-size:.82rem;letter-spacing:.06em;margin-bottom:7px}
.option{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid #4b6680;border-radius:10px;margin:9px 0;cursor:pointer;line-height:1.45;background:#1c3049;color:#e5f0fa}.option:hover{border-color:#7bd8da;background:#24415b}.option:has(input:checked){border-color:#69d8d7;background:#204758}.option:focus-within{outline:2px solid #f5c16d;outline-offset:2px}.option input{accent-color:#65d4d2;margin-top:4px;flex:none}.option b{width:18px;flex:none;color:#8de6e0}
.actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:23px 0;flex-wrap:wrap}.actions button,.result button{border:1px solid #80dbd8;border-radius:9px;background:#9fece5;color:#0b3040;padding:13px 20px;font-weight:800;font-size:.96rem;cursor:pointer;min-height:44px}.actions button:hover,.result button:hover{background:#c5fff7}.result button.secondary{background:#233e59;color:#e5f8fa}.muted{color:#b7c9db}.result{padding:28px;margin:22px 0;scroll-margin-top:calc(var(--atlas-header-height,82px) + 10px)}.score{font-size:2.6rem;font-weight:850;color:#a5f1e7;margin:2px 0}.pass{color:#9becb6}.fail{color:#ffad9c}.review{border-top:1px solid #38516c;padding:15px 0}.review h3{font-size:1rem;margin:0 0 6px;color:#f4f9ff}.correct{color:#9becb6;font-weight:700}.incorrect{color:#ffad9c;font-weight:700}.note{background:#203a52;border-left:4px solid #72d4d3;padding:12px;margin-top:8px;border-radius:5px}
.exam-footer{text-align:center;color:#aec2d6;margin:35px 0;font-size:.87rem;line-height:1.6}.exam-footer a{color:#8de6e0}#results{display:none}#results:target{display:block}
@media(max-width:650px){.exam-hero{padding:30px 20px 57px}.bar{padding:13px 15px}.card{padding:18px}.result{padding:20px}.wrap{padding:0 14px}.exam-hero h1{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress i{transition:none}}