:root{
  --bg:#070a13;--panel:#0d1220;--panel2:#11182a;--line:#24304a;
  --cyan:#00e5ff;--violet:#8b5cf6;--pink:#ff3cac;--green:#35f59b;
  --yellow:#ffd166;--red:#ff496d;--text:#edf4ff;--muted:#8290aa;
  --shadow:0 18px 60px rgba(0,0,0,.45)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Rajdhani,system-ui,sans-serif}
body{overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);mix-blend-mode:overlay}
.ambient{position:fixed;width:45vw;height:45vw;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-a{background:var(--cyan);top:-25vw;left:-15vw}.ambient-b{background:var(--pink);right:-20vw;bottom:-25vw}
.screen{display:none;min-height:100vh;position:relative;z-index:1}.screen.active{display:block}
.hero-shell,.result-shell,.review-shell{width:min(1180px,92vw);margin:auto;padding:7vh 0}
.brand-row{display:flex;gap:16px;align-items:center}.brand-mark,.mini-brand span{display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-family:Cambria;width:52px;height:52px;box-shadow:0 0 25px #00e5ff33;transform:skew(-8deg)}
.eyebrow,.panel-head,.question-top,#questionProgress,.timer-wrap small{font-family:Cambria;letter-spacing:.12em;font-size:11px;color:var(--muted)}
h1,h2{font-family:Cambria;margin:0;letter-spacing:.03em}h1{font-size:clamp(28px,5vw,58px)}h1 span,h2 strong{color:var(--cyan);text-shadow:0 0 22px #00e5ff44}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;margin-top:8vh}
.hero-copy h2{font-size:clamp(42px,6vw,82px);line-height:.95;margin:24px 0}.hero-copy p{font-size:19px;color:#aab6ca;max-width:580px}.status-chip{display:inline-flex;gap:9px;align-items:center;border:1px solid #35f59b66;color:var(--green);padding:8px 12px;font:600 11px Cambria;letter-spacing:.1em}.status-chip i,.autosave i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.feature-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.feature-strip span{border:1px solid var(--line);padding:9px 12px;color:#aab6ca;font:600 10px Cambria}
.panel{background:linear-gradient(145deg,#11182aee,#090e1ae8);border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#00e5ff0b,transparent 40%,#ff3cac08)}
.start-panel{padding:28px}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:24px}.panel-head b{color:var(--cyan)}
label{display:block;color:#9eabc1;font:600 11px Cambria;letter-spacing:.08em;margin:15px 0}input,select{display:block;width:100%;margin-top:8px;background:#070b15;border:1px solid #293653;color:white;padding:14px;font:600 16px Rajdhani;outline:none;border-radius:0}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00e5ff12}select{cursor:pointer;appearance:auto}select:disabled{opacity:.48;cursor:not-allowed}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
button{font:700 12px Cambria;letter-spacing:.08em;cursor:pointer;border:0;transition:.2s}.primary-btn,.danger-btn,.ghost-btn{padding:14px 18px}.primary-btn{width:100%;background:var(--cyan);color:#031018;box-shadow:0 0 28px #00e5ff22}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 35px #00e5ff55}.compact{width:auto}.danger-btn{background:transparent;color:var(--red);border:1px solid #ff496d66}.danger-btn:hover{background:#ff496d12}.ghost-btn{background:#11182a;color:#b9c5d8;border:1px solid var(--line)}.ghost-btn:hover{border-color:#506181}
.error-box{margin-top:15px;padding:12px;border:1px solid #ff496d66;background:#ff496d0d;color:#ff8da4}.hidden{display:none!important}
.topbar{height:74px;border-bottom:1px solid var(--line);background:#080c17f2;backdrop-filter:blur(14px);display:grid;grid-template-columns:1fr 1.4fr auto auto;align-items:center;gap:20px;padding:0 3vw;position:sticky;top:0;z-index:5}.mini-brand{font:700 13px Cambria;display:flex;align-items:center;gap:12px}.mini-brand span{width:32px;height:32px;font-size:12px}.exam-meta{text-align:center}.exam-meta b{display:block;font:700 10px Cambria;color:var(--cyan)}.exam-meta small{color:var(--muted)}.timer-wrap{text-align:center}.timer{font:800 23px Cambria;color:var(--green);text-shadow:0 0 18px #35f59b44}
.exam-layout{display:grid;grid-template-columns:270px 1fr;gap:25px;width:min(1400px,94vw);margin:25px auto}.navigator{padding:18px;height:max-content;position:sticky;top:99px}.nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.nav-btn{aspect-ratio:1;background:#0a101d;color:#77859d;border:1px solid #202c45;font:700 11px Cambria}.nav-btn.answered{color:var(--green);border-color:#35f59b55;background:#35f59b0c}.nav-btn.current{color:#031018;background:var(--cyan);border-color:var(--cyan)}.legend{display:grid;gap:7px;margin-top:18px;color:#738199;font-size:12px}.legend span{display:flex;gap:7px;align-items:center}.legend i{width:8px;height:8px;border:1px solid #33415e}.legend .answered{background:var(--green)}.legend .current{background:var(--cyan)}.autosave{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;color:var(--green);font:600 9px Cambria}
.question-stage{min-width:0}.question-top{display:flex;justify-content:space-between;margin:8px 4px 12px}.question-top small{display:inline-block;margin-left:14px;color:#62718a}.question-card{padding:clamp(25px,4vw,55px);min-height:450px}.hud-line{height:2px;width:80px;background:linear-gradient(90deg,var(--cyan),transparent);margin-bottom:30px}.question-card h2{font:600 clamp(23px,3vw,34px) Rajdhani;line-height:1.35;max-width:900px}.options{display:grid;gap:12px;margin-top:35px}.option{position:relative;text-align:left;padding:18px 20px;padding-left:54px;background:#0a101d;border:1px solid #27344e;color:#c9d3e4;font:600 17px Rajdhani}.option .key{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:25px;height:25px;border:1px solid #41516e;display:grid;place-items:center;font:700 11px Cambria;color:#71809a}.option:hover{border-color:#00e5ff77;background:#00e5ff08}.option.selected{border-color:var(--cyan);box-shadow:0 0 25px #00e5ff12;background:#00e5ff0b;color:white}.option.selected .key{background:var(--cyan);color:#061019;border-color:var(--cyan)}.question-actions{display:flex;justify-content:space-between;gap:15px;margin-top:16px}
.modal{position:fixed;inset:0;background:#02040bd9;backdrop-filter:blur(10px);display:grid;place-items:center;z-index:30}.modal-card{width:min(480px,90vw);padding:35px;text-align:center}.modal-icon{margin:auto;width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--yellow);color:var(--yellow);font:800 26px Cambria}.modal-card h2{margin:20px 0 10px}.modal-card p{color:#8997ad}.submit-stats{display:flex;justify-content:center;gap:50px;margin:25px}.submit-stats b{display:block;font:800 30px Cambria;color:var(--cyan)}.submit-stats span{font:10px Cambria;color:var(--muted)}.modal-actions{display:flex;gap:10px}.modal-actions>*{flex:1}
.result-header{text-align:center}.result-header p{color:var(--muted);font-size:18px}.score-card{display:flex;justify-content:center;align-items:center;gap:70px;margin:50px auto 25px;padding:45px;width:min(760px,100%)}.score-ring{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--score,0%),#172239 0);position:relative}.score-ring:after{content:"";position:absolute;inset:11px;background:#0a0f1c;border-radius:50%}.score-ring>div{position:relative;z-index:1;text-align:center}.score-ring strong{display:block;font:800 34px Cambria;color:var(--cyan)}.score-ring small{font:9px Cambria;color:var(--muted)}.score-details{display:grid;grid-template-columns:1fr 1fr;gap:25px 55px}.score-details span{display:block;color:var(--muted);font:9px Cambria}.score-details b{font:800 25px Cambria}.result-actions{display:flex;justify-content:center;gap:12px}.result-actions button{width:auto}
.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.review-list{display:grid;gap:16px}.review-item{padding:22px}.review-q{font:600 19px Rajdhani;line-height:1.35}.review-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.review-option{padding:10px 12px;border:1px solid #25314a;color:#9eabc0}.review-option.correct{border-color:#35f59b66;color:var(--green);background:#35f59b09}.review-option.wrong{border-color:#ff496d66;color:#ff8da4;background:#ff496d09}.review-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px;color:var(--muted);font:9px Cambria}.review-badge{padding:5px 8px;border:1px solid #33415e}.review-explanation{margin-top:14px;color:#9da9bd;border-left:2px solid var(--violet);padding-left:12px}.loading{position:fixed;inset:0;background:#040711dd;z-index:50;display:grid;place-items:center;align-content:center;gap:15px;font:11px Cambria}.loader{width:46px;height:46px;border:2px solid #26334e;border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:25px;bottom:25px;background:#111a2b;border:1px solid #33415e;padding:12px 16px;z-index:60;transform:translateY(120px);transition:.3s}.toast.show{transform:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.exam-layout{grid-template-columns:1fr}.navigator{position:relative;top:0}.topbar{grid-template-columns:1fr auto auto}.exam-meta{display:none}.score-card{gap:30px}.review-options{grid-template-columns:1fr}}
@media(max-width:600px){.hero-shell,.result-shell,.review-shell{padding:35px 0}.two-col{grid-template-columns:1fr}.topbar{height:auto;padding:12px;gap:8px}.mini-brand{font-size:10px}.timer{font-size:17px}.topbar .danger-btn{padding:10px;font-size:9px}.exam-layout{margin:14px auto}.question-card{min-height:500px}.score-card{flex-direction:column}.score-details{width:100%}.result-actions{flex-direction:column}.result-actions button{width:100%}.question-actions{position:sticky;bottom:0;background:#070a13dd;padding:10px 0;backdrop-filter:blur(8px)}}

/* ===================== GLOBAL FOOTER ===================== */
.site-footer{position:relative;overflow:hidden;margin-top:60px;border-top:1px solid #24304a;background:linear-gradient(180deg,#090e19,#050810);padding:45px 4vw 0;z-index:2}
.footer-glow{position:absolute;width:55vw;height:18vw;left:22%;top:-12vw;border-radius:50%;background:var(--cyan);filter:blur(90px);opacity:.055;pointer-events:none}
.footer-grid{position:relative;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:35px;max-width:1400px;margin:auto;padding-bottom:38px}
.footer-brand{max-width:430px}.footer-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:800 17px Cambria;transform:skew(-8deg);box-shadow:0 0 22px #00e5ff22;margin-bottom:16px}
.footer-brand h3{font:800 20px Cambria;letter-spacing:.04em;margin:0}.footer-brand h3 span{color:var(--cyan);text-shadow:0 0 16px #00e5ff44}.footer-brand p{color:#718099;font-size:14px;line-height:1.6;max-width:390px;margin:13px 0 0}
.footer-title{font:700 10px Cambria;letter-spacing:.13em;color:var(--cyan);margin-bottom:15px}.footer-column a{display:block;width:max-content;max-width:100%;color:#8290aa;text-decoration:none;font-size:14px;font-weight:600;padding:5px 0;transition:.2s}.footer-column a:hover{color:#fff;transform:translateX(4px);text-shadow:0 0 12px #00e5ff55}
.social-links{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.social-links a{width:36px;height:36px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid #293653;color:#8d9ab0!important;font:700 11px Cambria!important}.social-links a:hover{transform:translateY(-3px)!important;border-color:var(--cyan);color:var(--cyan)!important;background:#00e5ff0a;box-shadow:0 0 18px #00e5ff22}
.footer-status{display:flex;align-items:center;gap:8px;color:#64738c;font:600 8px Cambria;letter-spacing:.08em}.footer-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.footer-bottom{position:relative;border-top:1px solid #1c2740;min-height:58px;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;color:#56647b;font:600 8px Cambria;letter-spacing:.1em}.footer-separator{color:#33415e;font-size:7px}
@media(max-width:900px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-column:last-child{grid-column:2/4}}
@media(max-width:600px){.site-footer{padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:auto}.footer-bottom{padding:16px 0;text-align:center}}