:root{--primary:#00d8ff;--primary2:#0098ff;--bg:#020817;--bg2:#061126;--card:#081425cc;--card2:#0b1b31;--text:#fff;--muted:#9ba8c5;--border:#123255;--gold:#d8d77b;--shadow:0 0 40px rgba(0,216,255,.22)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#071b3a 0,#020817 42%,#01040d 100%);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(2,8,23,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,216,255,.16)}.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;font-weight:800;letter-spacing:.8px}.brand img{width:58px;height:58px;border-radius:50%;filter:drop-shadow(0 0 14px rgba(0,216,255,.55))}.menu{display:flex;gap:34px;align-items:center;font-size:14px}.menu a:hover,.active{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,216,255,.6);background:linear-gradient(135deg,var(--primary),var(--primary2));color:#001020;font-weight:800;border-radius:7px;padding:14px 24px;box-shadow:0 0 22px rgba(0,216,255,.2);cursor:pointer}.btn.ghost{background:transparent;color:#fff}.btn.small{padding:10px 18px;font-size:13px}.hero{min-height:690px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,216,255,.16)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.96) 0%,rgba(2,8,23,.75) 43%,rgba(2,8,23,.25)),url('https://placehold.co/1920x1080/031328/00d8ff?text=Cyber+Security+Operations+Center') center/cover;opacity:.88}.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,var(--bg))}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.kicker{color:var(--primary);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:13px}.hero h1,.page-hero h1{font-size:56px;line-height:1.06;margin:18px 0}.accent{color:var(--primary);text-shadow:0 0 18px rgba(0,216,255,.45)}.lead{font-size:19px;line-height:1.7;color:#d7e4ff;max-width:720px}.hero-logo{display:flex;justify-content:center}.hero-logo img{width:min(430px,90%);border-radius:50%;filter:drop-shadow(0 0 30px rgba(0,216,255,.6))}.hero-actions{display:flex;gap:16px;margin-top:32px}.features-strip{position:absolute;z-index:3;left:0;right:0;bottom:34px}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.strip-item{display:flex;gap:12px;align-items:center;color:#dce8ff;font-size:13px}.ico{font-size:26px;color:var(--primary)}section{padding:86px 0}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-size:36px;margin:0 0 10px}.section-title p{color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:linear-gradient(180deg,rgba(8,20,37,.92),rgba(4,12,25,.92));border:1px solid rgba(0,216,255,.17);border-radius:14px;padding:26px;box-shadow:0 10px 40px rgba(0,0,0,.24);transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(0,216,255,.55);box-shadow:var(--shadow)}.course-img{height:155px;border-radius:12px;background:linear-gradient(135deg,rgba(0,216,255,.15),rgba(0,0,0,.5)),url('https://placehold.co/600x400/06142b/00d8ff?text=Live+Course') center/cover;margin:-10px -10px 22px}.card h3{margin:0 0 12px;font-size:22px}.card p{color:var(--muted);line-height:1.6}.meta{display:grid;gap:10px;margin:20px 0;color:#cfe2ff;font-size:14px}.why .card{text-align:center}.why .ico{font-size:38px}.stats{border-top:1px solid rgba(0,216,255,.15);margin-top:50px;padding-top:30px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stat strong{display:block;color:var(--primary);font-size:38px}.stat span{color:#dce8ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.panel{background:rgba(8,20,37,.82);border:1px solid rgba(0,216,255,.2);border-radius:16px;padding:34px}.form{display:grid;gap:14px}.form input,.form select,.form textarea{width:100%;padding:15px 16px;background:#061126;border:1px solid #16365a;border-radius:7px;color:#fff}.form textarea{min-height:120px}.page-hero{padding:95px 0;background:linear-gradient(90deg,rgba(2,8,23,.95),rgba(2,8,23,.7)),url('https://placehold.co/1600x500/06142b/00d8ff?text=CyberOps+Academy') center/cover;border-bottom:1px solid rgba(0,216,255,.18)}.course-detail{display:grid;grid-template-columns:1.4fr .6fr;gap:28px}.list{display:grid;gap:14px;color:#d7e4ff}.list div{padding:16px;border:1px solid rgba(0,216,255,.14);border-radius:10px;background:rgba(8,20,37,.6)}.login-page{min-height:calc(100vh - 84px);display:grid;place-items:center;background:linear-gradient(90deg,rgba(2,8,23,.96),rgba(2,8,23,.72)),url('https://placehold.co/1200x800/06142b/00d8ff?text=Secure+Student+Area') center/cover}.login-box{width:min(460px,92%)}footer{padding:60px 0 30px;border-top:1px solid rgba(0,216,255,.15);background:#020714}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid h4{margin-top:0}.footer-grid a,.footer-grid p{display:block;color:var(--muted);margin:10px 0}.mobile-toggle{display:none}@media(max-width:850px){.menu{display:none}.mobile-toggle{display:block}.hero-content,.split,.course-detail{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:40px}.features-strip{position:relative;bottom:auto;padding:20px 0;background:#020817}.strip-grid,.grid-3,.grid-4,.stats,.footer-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-logo{display:none}.nav-inner{height:74px}}
.big-title{font-size:42px;line-height:1.12;margin:12px 0 18px}.dark-band{background:linear-gradient(180deg,rgba(0,216,255,.04),rgba(2,8,23,.45));border-top:1px solid rgba(0,216,255,.12);border-bottom:1px solid rgba(0,216,255,.12)}.highlight-panel,.glow-panel{box-shadow:0 0 45px rgba(0,216,255,.18);border-color:rgba(0,216,255,.34)}.process{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.process div,.outcomes div{background:rgba(8,20,37,.78);border:1px solid rgba(0,216,255,.18);border-radius:14px;padding:18px}.process b{display:block;color:var(--primary);font-size:24px;margin-bottom:6px}.process span,.outcomes span{color:#d7e4ff}.compact div{font-size:15px;line-height:1.55}.timeline-card,.cta-panel{background:linear-gradient(135deg,rgba(8,20,37,.92),rgba(0,216,255,.06));border:1px solid rgba(0,216,255,.22);border-radius:18px;padding:36px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.timeline div{padding:18px;border-radius:14px;background:#061126;border:1px solid rgba(0,216,255,.15)}.timeline span{display:block;color:var(--primary);font-weight:800;margin-bottom:8px}.timeline p{color:var(--muted);line-height:1.55}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:26px}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.outcomes b{display:block;color:var(--primary);font-size:20px;margin-bottom:6px}.form-note{font-size:12px;color:var(--muted);line-height:1.45;margin:0}.patreon-hero{background:linear-gradient(90deg,rgba(2,8,23,.96),rgba(2,8,23,.66)),url('https://placehold.co/1600x500/06142b/00d8ff?text=CyberOps+Patreon+Community') center/cover}.about-hero{background:linear-gradient(90deg,rgba(2,8,23,.96),rgba(2,8,23,.66)),url('https://placehold.co/1600x500/06142b/00d8ff?text=Professional+Cyber+Training') center/cover}@media(max-width:850px){.process,.timeline,.comparison,.outcomes{grid-template-columns:1fr}.big-title{font-size:32px}}