html{font-size:17px}body{background:radial-gradient(circle at 88% 3%,rgba(20,156,255,.25),transparent 30%),radial-gradient(circle at 40% 100%,rgba(255,114,0,.12),transparent 38%),linear-gradient(135deg,#05090f,#09131d 55%,#05090f)}
main{margin-left:var(--sidebar);padding:116px clamp(28px,4vw,76px) 82px;max-width:none}
h1{font-size:clamp(58px,6.8vw,108px);letter-spacing:-.035em}h2{font-size:44px;letter-spacing:.015em}h3{font-size:29px;letter-spacing:.015em}.eyebrow{font-size:14px;color:var(--orange2)}
.hero{min-height:430px;padding:68px clamp(32px,5vw,88px);gap:50px;border-color:#3a5368;background:linear-gradient(108deg,rgba(8,16,25,.98) 0%,rgba(13,42,63,.94) 58%,rgba(16,72,108,.82) 100%),repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.03) 29px 30px);box-shadow:inset 6px 0 var(--orange),0 24px 70px rgba(0,0,0,.38),0 0 42px rgba(20,156,255,.09);clip-path:polygon(0 0,97% 0,100% 12%,100% 100%,3% 100%,0 88%)}
.hero-copy,.page-intro>p:last-child{max-width:780px;color:#c3cfda;font-size:1.08rem}.ring{width:142px;height:142px;background:conic-gradient(var(--orange2) calc(var(--p)*1%),var(--orange) calc(var(--p)*1%),#263746 0);box-shadow:0 0 34px rgba(255,114,0,.22)}
.continue-panel{margin:26px 0;padding:28px 32px;background:linear-gradient(100deg,rgba(255,114,0,.24),rgba(255,194,26,.08) 48%,rgba(20,156,255,.14));border-color:rgba(255,151,27,.58);box-shadow:inset 5px 0 var(--orange);clip-path:polygon(0 0,98.5% 0,100% 30%,100% 100%,1.5% 100%,0 70%)}
.primary{border-radius:2px;background:linear-gradient(100deg,var(--orange),var(--orange2));font:800 18px Barlow Condensed;letter-spacing:.055em;text-transform:uppercase;padding:15px 24px;clip-path:polygon(0 0,92% 0,100% 35%,100% 100%,8% 100%,0 65%);box-shadow:0 8px 24px rgba(255,114,0,.18)}
.module-grid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:18px}.module-card{padding:29px;min-height:250px;background:linear-gradient(145deg,rgba(18,34,48,.98),rgba(8,15,23,.98));border-color:#344b60;clip-path:polygon(0 0,92% 0,100% 13%,100% 100%,0 100%)}
.module-card:hover{transform:translateY(-5px);border-color:var(--blue);background:linear-gradient(145deg,rgba(20,63,92,.98),rgba(9,19,29,.98));box-shadow:0 18px 36px rgba(0,0,0,.32),inset 0 -3px var(--orange)}.module-num{color:var(--orange2);font-size:15px}.module-card p{color:#aebdca;font-size:14px;line-height:1.6}
.page-intro{margin-bottom:46px;padding:34px 38px;border-left:6px solid var(--orange);background:linear-gradient(90deg,rgba(255,114,0,.13),rgba(20,156,255,.10),transparent 82%)}
.curriculum-row{grid-template-columns:86px 1fr auto;gap:28px;padding:27px 30px;background:linear-gradient(100deg,var(--panel),rgba(19,47,67,.72));border-left:4px solid #39536a;clip-path:polygon(0 0,99% 0,100% 24%,100% 100%,0 100%)}.curriculum-row .number{font-size:42px}.curriculum-row p{font-size:15px;color:#aebdca}
.module-hero{padding:52px;border-color:#3b5368;border-left:7px solid var(--orange);background:linear-gradient(115deg,#152a3c 0%,#0c1925 58%,rgba(255,114,0,.12));box-shadow:0 20px 60px rgba(0,0,0,.28);clip-path:polygon(0 0,97% 0,100% 16%,100% 100%,0 100%)}.module-hero h1{font-size:clamp(54px,6.5vw,94px)}
.lesson-row{grid-template-columns:40px 1fr auto;gap:20px;padding:24px 27px;background:linear-gradient(100deg,#0d1721,#122638)}.lesson-row h3{font-size:25px}.lesson-row p{font-size:14px;color:#aebdca;line-height:1.5}
.lesson-header{padding:52px;background:linear-gradient(110deg,#12283a,#0c151f 68%,rgba(255,114,0,.16));border-color:#3a5368;border-left:7px solid var(--orange);clip-path:polygon(0 0,97% 0,100% 18%,100% 100%,0 100%)}.lesson-header h1{font-size:clamp(48px,6vw,86px)}.lesson-content{padding:42px 48px;background:linear-gradient(145deg,#0c151e,#101e2a)}.lesson-content h2{font-size:34px;margin:34px 0 15px}.lesson-content p,.lesson-content li{font-size:17px;color:#c5d0da}.drill{padding:23px;background:linear-gradient(90deg,rgba(255,114,0,.17),rgba(20,156,255,.10));border-left:5px solid var(--orange)}
.capstone-card{padding:34px;background:linear-gradient(135deg,#13283a,#0b141e);border-color:#39536a;border-top:4px solid var(--orange);clip-path:polygon(0 0,95% 0,100% 12%,100% 100%,0 100%)}.term{padding:28px;background:linear-gradient(125deg,var(--panel),rgba(20,156,255,.10));border-left:4px solid var(--blue)}.term h3{font-size:28px;color:var(--orange2)}.term p{font-size:15px;color:#b8c5d0}
@media(max-width:1200px){.module-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:720px){html{font-size:16px}main{margin-left:0;padding:92px 16px 55px}.hero{min-height:auto;padding:38px 24px;clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,0 100%)}.hero h1{font-size:54px}.ring{width:105px;height:105px}.module-grid{grid-template-columns:1fr}.page-intro{padding:25px 22px}.curriculum-row{grid-template-columns:48px 1fr;padding:22px 18px;gap:14px}.module-hero,.lesson-header,.lesson-content{padding:30px 22px}.lesson-content p,.lesson-content li{font-size:16px}.lesson-row{grid-template-columns:32px 1fr;padding:20px 17px}.lesson-row h3{font-size:23px}}

/* Black-ops palette: black field, orange energy, blue tactical accents */
body{background:radial-gradient(circle at 84% 4%,rgba(255,105,0,.22),transparent 30%),radial-gradient(circle at 12% 88%,rgba(17,142,230,.08),transparent 28%),linear-gradient(145deg,#020304 0%,#070707 48%,#0b0805 100%)}
body:before{opacity:.48;filter:sepia(.12) saturate(1.22)}
.topbar{background:rgba(3,4,5,.96);border-bottom-color:rgba(255,126,20,.42);box-shadow:0 10px 35px rgba(0,0,0,.52)}
.sidebar{background:linear-gradient(180deg,#050607,#090806);border-right-color:rgba(255,126,20,.25)}
.hero{background:linear-gradient(105deg,rgba(3,4,5,.97),rgba(14,10,6,.94) 58%,rgba(255,105,0,.19)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='420'%3E%3Cg fill='none' stroke='%23ff7a12' stroke-opacity='.14'%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%3C/g%3E%3C/svg%3E")}
.module-card,.curriculum-row,.lesson-row,.capstone-card,.term,.assessment-card,.rubric{background:linear-gradient(125deg,rgba(10,11,12,.96),rgba(20,15,10,.86));border-color:rgba(121,94,68,.42)}
.module-card:hover,.curriculum-row:hover:not(.locked),.lesson-row:hover{border-color:rgba(255,137,37,.7);background:linear-gradient(125deg,rgba(16,17,18,.98),rgba(36,21,9,.88))}
.module-hero,.track-hero,.lesson-header{background:linear-gradient(112deg,rgba(5,6,7,.98),rgba(15,11,7,.94) 68%,rgba(255,105,0,.17));border-color:rgba(255,132,28,.42)}
.lesson-content{background:rgba(5,6,7,.91)}
.intel-strip{background:linear-gradient(90deg,rgba(255,107,0,.16),rgba(4,6,8,.96) 45%,rgba(17,142,230,.1));border-color:rgba(255,129,25,.3)}
.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(255,114,0,.2),rgba(19,29,38,.45))}
.nav-item.active{box-shadow:inset 4px 0 var(--orange),0 0 20px rgba(255,105,0,.07)}
.page-intro h1,.module-hero h1,.track-hero h1,.lesson-header h1{text-shadow:0 0 34px rgba(255,111,0,.15)}
.coordinate-rule,.section-index,.diagram-head{color:var(--blue2)}