:root{--glass:rgba(10,22,33,.76);--glass-strong:rgba(8,17,26,.92);--grid:rgba(92,187,255,.075);--topo:rgba(83,183,255,.13);--gold:#ffd12c}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.72;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='320' viewBox='0 0 480 320'%3E%3Cg fill='none' stroke='%232c82b8' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M-20 65C55 16 104 117 181 68S310 15 506 62'/%3E%3Cpath d='M-25 83C51 35 112 136 190 86S323 34 505 81'/%3E%3Cpath d='M-18 102C62 53 124 154 201 105S334 53 510 100'/%3E%3Cpath d='M-26 228C63 178 108 279 194 231s147-57 315-7'/%3E%3Cpath d='M-29 247C61 197 119 298 205 250s147-57 311-9'/%3E%3Cpath d='M-25 266C68 216 132 316 218 268s145-55 297-12'/%3E%3Cellipse cx='365' cy='167' rx='71' ry='41'/%3E%3Cellipse cx='365' cy='167' rx='52' ry='29'/%3E%3Cellipse cx='365' cy='167' rx='31' ry='17'/%3E%3C/g%3E%3C/svg%3E");background-size:64px 64px,64px 64px,480px 320px;mask-image:linear-gradient(to bottom,black,transparent 94%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}
.topbar{height:82px;background:linear-gradient(90deg,rgba(4,10,16,.97),rgba(12,34,49,.92) 56%,rgba(4,10,16,.97));border-bottom-color:#496176;box-shadow:0 10px 32px rgba(0,0,0,.35)}.topbar:after{content:"OPS // ONLINE";position:absolute;right:26px;bottom:-18px;padding:3px 12px;color:#071017;background:var(--green);font:800 11px Barlow Condensed;letter-spacing:.14em;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.coordinate{color:#7dc8f6;font:700 12px Barlow Condensed;letter-spacing:.13em;padding-right:16px;border-right:1px solid #385166}.brand-mark{width:48px;height:48px;border-width:3px;box-shadow:-6px 0 18px rgba(20,156,255,.75),6px 0 18px rgba(255,114,0,.65)}.brand strong{font-size:19px}.brand small{font-size:11px}
.sidebar{top:82px;background:linear-gradient(180deg,rgba(6,15,23,.96),rgba(10,25,36,.9));backdrop-filter:blur(14px);border-right-color:#3b5266}.nav-item{font:700 18px Barlow Condensed;letter-spacing:.035em;text-transform:uppercase;padding:16px 14px}.nav-item span{font-size:13px;color:#748ca1}.nav-item.active{background:linear-gradient(90deg,rgba(255,114,0,.2),rgba(20,156,255,.08));box-shadow:inset 4px 0 var(--orange),inset 0 -1px rgba(255,184,71,.3)}
main{position:relative;padding-top:122px}.intel-strip{display:flex;justify-content:space-between;gap:18px;margin-bottom:12px;padding:8px 14px;border:1px solid rgba(100,181,232,.35);background:rgba(7,19,28,.72);color:#7fa9c4;font:700 12px Barlow Condensed;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px)}.intel-strip span:first-child{color:var(--orange2)}
.hero{background:linear-gradient(105deg,rgba(5,14,22,.94),rgba(9,42,64,.84) 52%,rgba(255,114,0,.14)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='420'%3E%3Cg fill='none' stroke='%2357b9f0' stroke-opacity='.19'%3E%3Cpath d='M-30 80C100 0 188 167 323 87S548 7 750 75'/%3E%3Cpath d='M-30 105C100 25 194 190 329 112S556 32 750 100'/%3E%3Cpath d='M-30 130C100 50 203 212 338 137S565 57 750 125'/%3E%3Cpath d='M380 320c52-91 157-91 220 0M405 320c42-62 123-62 170 0M435 320c25-35 75-35 107 0'/%3E%3C/g%3E%3C/svg%3E");background-size:cover,700px 420px;backdrop-filter:blur(14px)}.hero:before{content:"FILE 001 // SOS MASTER PROGRAM";position:absolute;top:18px;right:42px;color:#80badb;font:700 11px Barlow Condensed;letter-spacing:.16em}.hero h1{text-shadow:0 0 32px rgba(20,156,255,.18)}
.overall-progress{padding:20px;background:rgba(5,15,23,.54);border:1px solid rgba(105,187,238,.28);backdrop-filter:blur(8px)}.ring:before{content:"RANK";position:absolute;top:-19px;color:#7da2ba;font:700 10px Barlow Condensed;letter-spacing:.17em}.ring span{font-size:35px}
.continue-panel{position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(255,103,0,.25),rgba(11,36,52,.78) 54%,rgba(16,116,172,.22));backdrop-filter:blur(14px)}.continue-panel:after{content:"ACTIVE";position:absolute;right:24px;top:8px;color:rgba(255,255,255,.045);font:800 94px Barlow Condensed;letter-spacing:.02em}
.section-head{border-bottom:1px solid #314c62;padding-bottom:15px}.section-head h2{font-size:50px}.advanced-head{margin-top:58px}.advanced-preview,.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:20px}
.advanced-card{position:relative;overflow:hidden;min-height:330px;padding:34px 30px 44px;border:1px solid #44647c;border-top:3px solid var(--orange);background:linear-gradient(145deg,rgba(14,40,58,.84),rgba(6,16,25,.9) 62%,rgba(255,114,0,.12));backdrop-filter:blur(12px);cursor:pointer;clip-path:polygon(0 0,91% 0,100% 11%,100% 100%,8% 100%,0 90%);transition:.22s ease}.advanced-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(32,170,255,.24),transparent 28%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(57,144,198,.05) 35px 36px);pointer-events:none}.advanced-card:hover{transform:translateY(-7px) scale(1.01);border-color:#66c2ff;box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 35px rgba(20,156,255,.13)}.advanced-card .serial,.track-code{color:#77c9fb;font:800 13px Barlow Condensed;letter-spacing:.16em}.advanced-card .clearance{display:inline-block;margin-top:22px;padding:5px 10px;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#090e12;font:800 11px Barlow Condensed;letter-spacing:.13em}.advanced-card h3{margin:30px 0 14px;font-size:42px}.advanced-card p{position:relative;color:#bfd0dc;font-size:15px;line-height:1.65}.track-meta{position:absolute;left:30px;right:30px;bottom:25px;display:flex;justify-content:space-between;color:#87a7bc;font:700 11px Barlow Condensed;letter-spacing:.1em}.advanced-card .mini-progress{bottom:0;left:0;right:0;height:5px}.scanline{position:absolute;inset:-50% 0 auto;height:45%;background:linear-gradient(transparent,rgba(67,190,255,.055),transparent);animation:scan 6s linear infinite;pointer-events:none}@keyframes scan{to{transform:translateY(500%)}}
.classified{position:relative;background:linear-gradient(90deg,rgba(255,114,0,.18),rgba(10,53,78,.5),rgba(4,13,20,.32));border:1px solid #3c5b72;border-left:7px solid var(--orange);backdrop-filter:blur(14px)}.classified:after{content:"CLASSIFIED // PREMIUM";position:absolute;right:30px;top:25px;color:rgba(255,191,61,.32);font:800 18px Barlow Condensed;letter-spacing:.17em;transform:rotate(-3deg)}
.track-hero{position:relative;margin-bottom:24px;padding:58px;border:1px solid #41627b;border-left:7px solid var(--orange);background:linear-gradient(112deg,rgba(9,32,47,.91),rgba(5,14,21,.93) 65%,rgba(255,114,0,.15));clip-path:polygon(0 0,96% 0,100% 17%,100% 100%,0 100%);backdrop-filter:blur(16px);overflow:hidden}.track-hero:after{content:"";position:absolute;right:-30px;bottom:-50px;width:390px;height:290px;border:1px solid rgba(71,183,245,.18);border-radius:50%;box-shadow:0 0 0 24px rgba(71,183,245,.035),0 0 0 48px rgba(71,183,245,.025),0 0 0 72px rgba(71,183,245,.018)}.track-code{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #35546a}.track-hero h1{font-size:clamp(62px,7vw,108px);margin:22px 0 15px}.track-hero>p{max-width:820px;color:#c4d1db;line-height:1.7}.track-stats{display:flex;gap:34px;margin:32px 0 18px;color:#8fb0c5;font:700 12px Barlow Condensed;letter-spacing:.13em}
.lesson-row{position:relative;background:linear-gradient(100deg,rgba(10,25,36,.88),rgba(15,48,68,.72));backdrop-filter:blur(10px);border-left:3px solid #34546b}.lesson-row:hover{border-left-color:var(--orange);box-shadow:inset 0 0 30px rgba(20,156,255,.06)}.lesson-row>span:last-child{font:800 13px Barlow Condensed;letter-spacing:.12em;color:var(--orange2)}
.lesson-header{position:relative;background:linear-gradient(110deg,rgba(8,31,46,.95),rgba(5,14,21,.94) 68%,rgba(255,114,0,.2)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='260'%3E%3Cg fill='none' stroke='%2357b9f0' stroke-opacity='.18'%3E%3Cellipse cx='370' cy='135' rx='105' ry='70'/%3E%3Cellipse cx='370' cy='135' rx='78' ry='51'/%3E%3Cellipse cx='370' cy='135' rx='49' ry='31'/%3E%3C/g%3E%3C/svg%3E");background-position:center,right center}.advanced-lesson .track-code{margin-bottom:32px}.coordinate-rule{display:flex;justify-content:space-between;border-bottom:1px dashed #46657b;padding-bottom:10px;color:#729bb4;font:700 11px Barlow Condensed;letter-spacing:.14em}.lesson-content{background:rgba(7,18,27,.82);backdrop-filter:blur(16px)}.drill{border:1px solid rgba(72,155,205,.26);border-left:5px solid var(--orange);background:linear-gradient(90deg,rgba(255,114,0,.16),rgba(13,57,81,.45));backdrop-filter:blur(10px)}
.module-card,.capstone-card,.assessment-card,.rubric{backdrop-filter:blur(12px)}.module-card:after{content:"CORE // " attr(data-module);position:absolute;right:18px;top:16px;color:rgba(137,192,226,.22);font:800 11px Barlow Condensed;letter-spacing:.12em}.module-card h3{font-size:35px}.module-card p{font-size:15px}.curriculum-row{background:linear-gradient(100deg,rgba(11,26,37,.87),rgba(16,57,79,.57))}
@media(max-width:1100px){.advanced-preview,.advanced-grid{grid-template-columns:1fr}.coordinate{display:none}.intel-strip{flex-wrap:wrap}.classified:after{display:none}}
@media(max-width:720px){.topbar{height:70px}.sidebar{top:70px}.intel-strip{font-size:10px;gap:8px;padding:7px 9px}.hero:before{display:none}.advanced-card{min-height:300px}.track-hero{padding:34px 24px}.track-code,.track-stats,.coordinate-rule{display:grid;gap:8px}.track-hero h1{font-size:58px}.section-head h2{font-size:40px}.advanced-card h3{font-size:38px}}