:root{--core-bg:#040b16;--core-surface:#091727;--core-ink:#edfaff;--core-muted:#7693a3;--core-accent:#38e2ef;--core-accent-ink:#04111d;--core-display:"Space Grotesk",Arial,sans-serif;--core-radius:12px}
body{font-family:"Manrope",Arial,sans-serif}
.exam-header{position:fixed;z-index:100;inset:0 0 auto;height:76px;display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:30px;padding:0 4vw;border-bottom:1px solid rgba(56,226,239,.15);background:rgba(4,11,22,.82);backdrop-filter:blur(18px)}
.exam-logo{width:max-content;display:flex;align-items:center;gap:9px;font-size:8px;font-weight:800;line-height:1.1}.exam-logo i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--core-accent);color:#04111d;font-style:normal;font-size:17px}.exam-logo b{color:var(--core-accent)}
.exam-nav{display:flex;gap:28px}.exam-nav a{color:var(--core-muted);font-size:9px;font-weight:700}.exam-status{display:flex;align-items:center;gap:7px;color:#75d9a0;font-size:7px;letter-spacing:.12em}.exam-status i{width:6px;height:6px;border-radius:50%;background:#75d9a0;box-shadow:0 0 12px #75d9a0}.exam-login{min-height:40px;padding:0 15px;border:1px solid var(--core-accent);border-radius:9px;background:transparent;color:var(--core-accent);font-size:8px;font-weight:800;cursor:pointer}.exam-menu{display:none}
.exam-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.78fr) minmax(600px,1.22fr);align-items:center;gap:5vw;padding:120px 5vw 65px;overflow:hidden}.exam-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(56,226,239,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,226,239,.07) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle at 65% 40%,#000,transparent 80%)}.exam-hero::after{content:"";position:absolute;width:650px;height:650px;right:-230px;top:-260px;border:1px solid rgba(56,226,239,.16);border-radius:50%;box-shadow:0 0 120px rgba(56,226,239,.05)}
.exam-hero__copy{position:relative;z-index:2}.exam-command{color:var(--core-muted);font-family:monospace;font-size:10px}.exam-command span:first-child{color:#75d9a0}.exam-caret{color:var(--core-accent);animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.exam-hero h1,.diagnostic h2,.exam-system h2,.progress-copy h2,.exam-cta h2{margin:30px 0 0;font-family:var(--core-display);font-size:clamp(72px,8vw,130px);letter-spacing:-.075em;line-height:.78}.exam-hero h1 em,.diagnostic h2 em,.exam-system h2 em,.progress-copy h2 em,.exam-cta h2 em{color:var(--core-accent);font-style:normal}
.exam-hero__copy>p{max-width:570px;margin:31px 0 0;color:var(--core-muted);font-size:13px;line-height:1.7}.exam-hero__copy>div:last-child{display:flex;gap:9px;margin-top:31px}.exam-hero__copy a,.exam-hero__copy button,.diag-result button,.progress-copy button,.exam-cta button{min-height:52px;display:inline-flex;align-items:center;padding:0 17px;border:1px solid rgba(56,226,239,.35);border-radius:9px;background:transparent;color:var(--core-accent);font-size:8px;font-weight:800;cursor:pointer}.exam-hero__copy a,.exam-cta button{background:var(--core-accent);color:#04111d}
.exam-dashboard{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:42px 1fr;border:1px solid rgba(56,226,239,.28);border-radius:16px;overflow:hidden;background:rgba(6,20,34,.86);box-shadow:0 40px 100px rgba(0,0,0,.35),0 0 80px rgba(56,226,239,.06);transform:perspective(1200px) rotateY(calc(var(--pnx,0)*-2deg)) rotateX(calc(var(--pny,0)*2deg));transition:transform .2s ease-out}
.dash-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(56,226,239,.13);color:#577486;font:7px monospace;letter-spacing:.1em}.dash-top div{display:flex;gap:5px}.dash-top i{width:6px;height:6px;border-radius:50%;background:#335265}
.dash-side{display:flex;flex-direction:column;align-items:center;gap:13px;padding:15px 0;border-right:1px solid rgba(56,226,239,.12)}.dash-side>b{width:31px;height:31px;display:grid;place-items:center;margin-bottom:16px;border-radius:8px;background:var(--core-accent);color:#04111d}.dash-side button{width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#5f8193}.dash-side button.is-active{background:rgba(56,226,239,.13);color:var(--core-accent)}.dash-side span{margin-top:auto;color:#75d9a0;font-size:8px}
.dash-main{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;padding:22px}.dash-greeting{grid-column:1/-1}.dash-greeting small,.dash-score small,.dash-chart small{color:var(--core-accent);font-size:6px;letter-spacing:.14em}.dash-greeting h2{margin:7px 0 2px;font-size:24px}.dash-greeting h2 em{color:var(--core-accent);font-style:normal}.dash-greeting p{margin:0;color:var(--core-muted);font-size:8px}
.dash-score,.dash-tasks,.dash-chart{border:1px solid rgba(56,226,239,.12);border-radius:11px;background:rgba(255,255,255,.018)}.dash-score{display:grid;grid-template-columns:1fr 100px;align-items:center;padding:18px}.dash-score strong{display:block;margin:5px 0;color:var(--core-accent);font-family:var(--core-display);font-size:60px;line-height:1}.dash-score span{color:#75d9a0;font-size:7px}.score-ring{position:relative;width:82px;height:82px;display:grid;place-items:center;border:9px solid rgba(56,226,239,.1);border-top-color:var(--core-accent);border-right-color:var(--core-accent);border-radius:50%;transform:rotate(25deg)}.score-ring b{font-size:10px;transform:rotate(-25deg)}
.dash-tasks{grid-row:3/5;grid-column:2;padding:12px}.dash-tasks article{display:grid;grid-template-columns:22px 1fr 24px;align-items:center;gap:8px;padding:13px 4px;border-bottom:1px solid rgba(56,226,239,.1)}.dash-tasks article>span{color:var(--core-accent);font:7px monospace}.dash-tasks b,.dash-tasks small{display:block}.dash-tasks b{font-size:8px}.dash-tasks small{margin-top:3px;color:var(--core-muted);font-size:6px}.dash-tasks i{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(56,226,239,.2);border-radius:6px;font-style:normal;font-size:8px}.dash-tasks i.done{background:#75d9a0;color:#04111d}
.dash-chart{padding:14px}.dash-chart>div{height:110px;display:flex;align-items:end;gap:7px;margin-top:10px}.dash-chart i{flex:1;height:var(--h);background:linear-gradient(#38e2ef,#155c70);border-radius:3px 3px 0 0;animation:bars 1s ease-out both}@keyframes bars{from{height:0}}
.exam-hero__foot{position:absolute;z-index:3;right:5vw;bottom:22px;left:5vw;display:flex;justify-content:space-between;color:#527183;font:7px monospace;letter-spacing:.13em}

.diagnostic,.exam-system,.progress-room{padding:140px 6vw}.diagnostic{background:#061525}.diagnostic-head,.system-head{display:grid;grid-template-columns:.35fr 1.15fr .5fr;gap:4vw;align-items:end;margin-bottom:65px}.diagnostic-head>span,.system-head>span,.progress-copy>span{align-self:start;color:var(--core-accent);font:700 8px monospace;letter-spacing:.15em}.diagnostic h2,.exam-system h2,.progress-copy h2{margin:0;font-size:clamp(62px,7vw,108px)}.diagnostic-head>p{margin:0;color:var(--core-muted);font-size:12px;line-height:1.7}
.diagnostic-shell{display:grid;grid-template-columns:250px 1fr;min-height:580px;border:1px solid rgba(56,226,239,.18);border-radius:15px;overflow:hidden;background:#040b16}.diagnostic-side{display:flex;flex-direction:column;padding:25px;border-right:1px solid rgba(56,226,239,.14)}.diagnostic-side>span{color:var(--core-accent);font:8px monospace}.diagnostic-side ul{display:grid;gap:6px;margin:35px 0;padding:0;list-style:none}.diagnostic-side li{padding:12px;border-radius:7px;color:#587687;font:8px monospace}.diagnostic-side li.is-active{background:rgba(56,226,239,.1);color:var(--core-accent)}.diagnostic-side>div{margin-top:auto}.diagnostic-side small,.diagnostic-side b{display:block}.diagnostic-side small{color:#587687;font:7px monospace}.diagnostic-side b{margin-top:8px;color:#75d9a0;font-size:22px}
.diagnostic-main{padding:35px 5vw}.diagnostic-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;color:#587687;font:8px monospace}.diagnostic-progress i{height:2px;background:rgba(56,226,239,.12)}.diagnostic-progress b{width:33%;height:100%;display:block;background:var(--core-accent);transition:width .35s}
.diag-question{display:none;padding-top:75px}.diag-question.is-active{display:block;animation:diagIn .4s ease}@keyframes diagIn{from{opacity:0;transform:translateY(15px)}}.diag-question small,.diag-result small{color:var(--core-accent);font:8px monospace}.diag-question h3{margin:20px 0 42px;font-family:var(--core-display);font-size:clamp(38px,5vw,68px);line-height:1}.diag-question h3 em{color:var(--core-accent);font-style:normal}.diag-question>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diag-question button{min-height:60px;padding:0 15px;border:1px solid rgba(56,226,239,.2);border-radius:8px;background:transparent;text-align:left;cursor:pointer}.diag-question button:hover{border-color:var(--core-accent);background:rgba(56,226,239,.08)}
.diag-result{display:none;padding-top:45px}.diag-result.is-visible{display:block;animation:diagIn .4s}.diag-result>strong{float:right;color:rgba(56,226,239,.12);font-family:var(--core-display);font-size:180px;line-height:.75}.diag-result h3{margin:20px 0;font-family:var(--core-display);font-size:46px;line-height:.9}.diag-result p{max-width:520px;color:var(--core-muted);font-size:12px;line-height:1.7}.diag-result button{margin-top:18px;background:var(--core-accent);color:#04111d}

.exam-system{background:#edfaff;color:#04111d}.system-head>span{color:#127485}.exam-system h2 em{color:#127485}.system-flow{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(4,17,29,.2)}.system-flow article{position:relative;min-height:390px;padding:27px;border-right:1px solid rgba(4,17,29,.18)}.system-flow article:last-child{border-right:0}.system-flow article>span{font:8px monospace;color:#127485}.system-flow article>strong{position:absolute;right:20px;top:15px;color:rgba(4,17,29,.06);font-family:var(--core-display);font-size:90px}.system-flow h3{margin:170px 0 14px;font-family:var(--core-display);font-size:30px;line-height:.95}.system-flow p{color:#64808b;font-size:10px;line-height:1.6}.system-flow i{position:absolute;right:-16px;top:50%;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#38e2ef;font-style:normal}

.progress-room{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;background:#071b2d}.progress-copy{align-self:start;position:sticky;top:110px}.progress-copy h2{margin-top:25px}.progress-copy>p{max-width:430px;color:var(--core-muted);font-size:12px;line-height:1.7}.progress-copy button{margin-top:22px}.progress-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.progress-panels article{min-height:230px;padding:23px;border:1px solid rgba(56,226,239,.16);border-radius:12px;background:rgba(255,255,255,.02)}.progress-panels .progress-main{grid-column:1/-1;min-height:390px}.progress-main header,.progress-main footer{display:flex;justify-content:space-between;color:var(--core-muted);font:7px monospace}.progress-main header b{color:#75d9a0}.line-chart{position:relative;height:250px;margin:20px 0;background-image:linear-gradient(rgba(56,226,239,.08) 1px,transparent 1px);background-size:100% 25%}.line-chart i{position:absolute;right:3%;bottom:18%;left:3%;height:3px;background:linear-gradient(90deg,#1b687c,#38e2ef);transform:rotate(-12deg);box-shadow:0 0 17px rgba(56,226,239,.35)}.point{position:absolute;width:12px;height:12px;border:3px solid #38e2ef;border-radius:50%;background:#071b2d}.p1{left:6%;bottom:23%}.p2{left:35%;bottom:36%}.p3{left:65%;bottom:52%}.p4{right:5%;bottom:68%}.progress-main footer b{display:block;margin-top:5px;color:var(--core-ink);font-size:16px}.progress-panels article>small{color:var(--core-accent);font:7px monospace}.progress-panels article>strong{display:block;margin-top:50px;font-family:var(--core-display);font-size:65px}.progress-panels article>span{color:var(--core-muted);font-size:9px}.progress-alert{position:relative;background:rgba(117,217,160,.08)!important}.progress-alert p{max-width:260px;margin-top:45px;font-size:12px;line-height:1.6}.progress-alert i{position:absolute;right:20px;top:20px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#75d9a0;color:#04111d;font-style:normal}

.exam-cta{position:relative;min-height:88svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 6vw;overflow:hidden;text-align:center}.exam-cta>span{position:relative;z-index:2;color:var(--core-accent);font:8px monospace;letter-spacing:.15em}.exam-cta h2{position:relative;z-index:2;margin:27px 0 40px;font-size:clamp(80px,10vw,155px)}.exam-cta button{position:relative;z-index:2}.exam-cta__code{position:absolute;color:rgba(56,226,239,.035);font-family:var(--core-display);font-size:46vw;font-weight:700;line-height:.7}
.exam-footer{min-height:105px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:25px;padding:25px 4vw;border-top:1px solid rgba(56,226,239,.14);color:var(--core-muted);font:8px monospace}.exam-footer p{margin:0}

@media(max-width:1000px){
 .exam-header{grid-template-columns:1fr auto}.exam-header .portal-back,.exam-status,.exam-login{display:none}.exam-menu{position:relative;z-index:2;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(56,226,239,.2);border-radius:10px;background:transparent}.exam-menu span{position:absolute;width:17px;height:2px;background:var(--core-accent)}.exam-menu span:first-child{transform:translateY(-4px)}.exam-menu span:last-child{transform:translateY(4px)}.menu-open .exam-menu span:first-child{transform:rotate(45deg)}.menu-open .exam-menu span:last-child{transform:rotate(-45deg)}
 .exam-nav{position:fixed;inset:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:10vw;visibility:hidden;opacity:0;background:#040b16;transition:.3s}.menu-open .exam-nav{visibility:visible;opacity:1}.exam-nav a{font-family:var(--core-display);font-size:48px;color:var(--core-ink)}
 .exam-hero{grid-template-columns:1fr;padding-top:135px}.exam-dashboard{min-height:620px}.diagnostic-head,.system-head{grid-template-columns:1fr;gap:22px}.diagnostic-head>p{max-width:530px}.system-flow{grid-template-columns:repeat(2,1fr)}.system-flow article:nth-child(2){border-right:0}.system-flow article:nth-child(-n+2){border-bottom:1px solid rgba(4,17,29,.18)}.progress-room{grid-template-columns:1fr}.progress-copy{position:static}.exam-footer{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .exam-header{height:70px;padding-inline:18px}.exam-hero{min-height:auto;padding:115px 20px 70px}.exam-hero h1{font-size:67px}.exam-hero__copy>div:last-child{flex-direction:column}.exam-hero__copy a,.exam-hero__copy button{width:100%;justify-content:center}.exam-dashboard{min-height:590px;grid-template-columns:42px 1fr}.dash-main{grid-template-columns:1fr;padding:14px}.dash-score{grid-template-columns:1fr 80px}.dash-tasks{grid-row:auto;grid-column:auto}.dash-chart{display:none}.exam-hero__foot{display:none}
 .diagnostic,.exam-system,.progress-room{padding:90px 20px}.diagnostic h2,.exam-system h2,.progress-copy h2{font-size:50px}.diagnostic-shell{grid-template-columns:1fr}.diagnostic-side{display:none}.diagnostic-main{padding:28px 18px}.diag-question{padding-top:60px}.diag-question h3{font-size:38px}.diag-question>div{grid-template-columns:1fr}.diag-result>strong{float:none;font-size:100px}
 .system-flow{grid-template-columns:1fr}.system-flow article{min-height:300px;border-right:0;border-bottom:1px solid rgba(4,17,29,.18)!important}.system-flow h3{margin-top:110px}.progress-panels{grid-template-columns:1fr}.progress-panels .progress-main{grid-column:1}.line-chart{height:200px}.exam-cta{min-height:73svh;padding-inline:20px}.exam-cta h2{font-size:65px}.exam-footer{grid-template-columns:1fr;padding:35px 20px}
}

/* V8 — human study moment beneath the live dashboard */
.exam-photo { position:absolute; z-index:0; top:78px; right:-3vw; bottom:0; width:66%; margin:0; overflow:hidden; opacity:.62; -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.28) 18%,#000 50%); mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.28) 18%,#000 50%); }
.exam-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,11,22,.08),#040b16 98%); }
.exam-photo img { width:100%; height:100%; object-fit:cover; object-position:63% center; filter:saturate(.78) contrast(1.08); transition:transform .9s cubic-bezier(.2,.8,.2,1); }
.exam-hero:hover .exam-photo img { transform:scale(1.035); }
.exam-dashboard { position:relative; z-index:2; box-shadow:0 40px 110px rgba(0,0,0,.38); }
@media(max-width:1000px){.exam-photo{width:100%;right:0;opacity:.34;-webkit-mask-image:linear-gradient(#000,transparent 82%);mask-image:linear-gradient(#000,transparent 82%)}}
@media(max-width:650px){.exam-photo{height:54vh;bottom:auto;opacity:.28}}