:root{
  --bg:#050b12;--panel:#08121d;--panel2:#0b1723;--line:#183044;
  --text:#f2f7fb;--muted:#91a5b8;--cyan:#19d7ff;--blue:#168cff;
  --green:#25d6a2;--shadow:0 24px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 70%);z-index:-1}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(3,8,14,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(73,126,164,.18)}
.nav{height:74px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.brand small{display:block;color:#7f96a9;font-size:8px;letter-spacing:.04em;font-weight:600;margin-top:-2px}
.brand-wrap{line-height:1.05}.brand-mark{width:36px;height:36px;border:1px solid #5b7d95;border-radius:9px;display:grid;place-items:center;font-size:10px;color:#dff8ff;box-shadow:inset 0 0 20px rgba(25,215,255,.08)}
.nav nav{display:flex;gap:23px;margin-left:auto;color:#9fb2c3;font-size:13px}
.nav nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.lang{font-size:12px;color:#a9bac9}.login{padding:8px 14px;border:1px solid #476277;border-radius:7px;font-size:13px}.get-started,.btn.primary{background:linear-gradient(135deg,#0ca9ff,#1679e9);box-shadow:0 8px 28px rgba(13,137,235,.22);color:white;border:1px solid #38bfff}.get-started{padding:9px 14px;border-radius:7px;font-size:13px;font-weight:750}
.hero{min-height:610px;position:relative;overflow:hidden;border-bottom:1px solid rgba(48,91,120,.35);background:#030912}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030912 0%,rgba(3,9,18,.94) 30%,rgba(3,9,18,.4) 55%,rgba(3,9,18,.08) 100%),linear-gradient(0deg,#030912 0%,transparent 35%);z-index:1}
.hero-art{position:absolute;inset:0;background-image:url("../assets/hero-cyber.jpg");background-position:center right;background-size:cover;filter:saturate(1.1);opacity:.94}
.hero-content{position:relative;z-index:2;padding:115px 0 120px;max-width:690px}
.eyebrow{font-size:11px;letter-spacing:.19em;color:#26d5ff;font-weight:800;margin:0 0 14px}
.hero h1{font-size:clamp(45px,6vw,72px);line-height:1.01;letter-spacing:-.045em;margin:0 0 22px}.hero h1 span{color:var(--cyan)}
.hero-copy{font-size:18px;color:#c2d0dc;max-width:650px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:7px;font-weight:750;font-size:13px}.btn.secondary{border:1px solid #37718f;background:rgba(3,15,25,.55)}.btn:hover{transform:translateY(-1px)}
.quickbar{position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(4,14,23,.82);backdrop-filter:blur(12px);border-top:1px solid rgba(82,151,190,.18)}
.quickgrid{display:grid;grid-template-columns:repeat(4,1fr)}.quick{padding:20px 22px;border-right:1px solid rgba(82,151,190,.16)}.quick:last-child{border:0}.quick b{font-size:13px}.quick span{display:block;color:#849bad;font-size:11px;margin-top:3px}.quick-icon{float:left;margin-right:12px;width:34px;height:34px;border-radius:8px;background:rgba(17,139,209,.15);border:1px solid #17516d;display:grid;place-items:center;color:#35d9ff;font-weight:800}
.section{padding:95px 0}.section.alt{background:linear-gradient(180deg,#07111b,#050c14);border-top:1px solid rgba(49,93,122,.18);border-bottom:1px solid rgba(49,93,122,.18)}
.section-head{max-width:720px;margin-bottom:42px}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 13px}.section-head>p:last-child{color:#8ea3b5}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.path-card{display:grid;grid-template-columns:190px 1fr;border:1px solid #1b4560;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#091622,#07101a);box-shadow:var(--shadow)}.path-art{min-height:330px;background:radial-gradient(circle at 60% 40%,#0d6d9c,#081522 65%);position:relative}.path-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 25%,rgba(25,215,255,.14),transparent 60%),repeating-linear-gradient(45deg,transparent 0 18px,rgba(34,183,255,.08) 19px 20px)}.path-body{padding:28px}.tag{font-size:9px;letter-spacing:.16em;color:#25d5ff;font-weight:850}.path-body h3{font-size:25px;margin:8px 0}.path-body p{color:#8fa3b4;font-size:13px}.checks{list-style:none;padding:0;margin:20px 0}.checks li{font-size:12px;color:#c8d4de;padding:5px 0}.checks li:before{content:"✓";color:#23d6a5;font-weight:800;margin-right:8px}.link{color:#38d8ff;font-size:12px;font-weight:800}
.course-layout{display:grid;grid-template-columns:250px 1fr;gap:45px}.course-intro p{color:#8ea3b5;font-size:14px}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.course{border:1px solid #17384e;border-radius:9px;background:#07121d;overflow:hidden;transition:.2s}.course:hover{border-color:#2587b6;transform:translateY(-3px)}.course-art{height:135px;position:relative;background:radial-gradient(circle at 50% 50%,#0d6d9c,#06111c 68%);overflow:hidden}.course-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#22d7ff 0 1px,transparent 2px);background-size:19px 19px;opacity:.22}.course-art .symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;font-weight:900;color:#d9fbff;text-shadow:0 0 25px #11cfff;z-index:1}.course-body{padding:16px}.course-badge{font-size:8px;color:#22d6a1;border:1px solid #176a5a;border-radius:20px;padding:3px 6px}.course h3{font-size:17px;margin:11px 0 5px}.course p{font-size:11px;color:#8599aa;min-height:53px}.meta{font-size:9px;color:#748a9b;display:flex;gap:12px}
.lab-wrap{border:1px solid #1a4b67;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#07131f,#08101a);box-shadow:var(--shadow)}.lab-top{padding:25px;border-bottom:1px solid #15374a}.lab-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 20px;align-items:center}.lab-node{text-align:center}.node-icon{width:58px;height:58px;margin:auto;border:1px solid #277da1;border-radius:12px;display:grid;place-items:center;color:#38d9ff;font-weight:900;background:rgba(19,117,155,.1);box-shadow:0 0 35px rgba(15,184,255,.08)}.lab-node b{display:block;font-size:12px;margin-top:10px}.lab-node span{font-size:9px;color:#7890a2}.arrow{color:#36cfff;text-align:center;font-size:22px}
.enterprise{display:grid;grid-template-columns:1fr 1fr;gap:22px}.enterprise-card{padding:30px;border:1px solid #1b4159;border-radius:10px;background:#07121c}.enterprise-card h3{font-size:22px;margin:8px 0}.enterprise-card p{font-size:13px;color:#8fa2b2}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{border-top:2px solid #1b88b5;padding-top:16px}.service b{font-size:13px}.service h3{margin:8px 0}.service p{color:#8297a9;font-size:12px}
.about{max-width:850px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.step{border-left:2px solid #21627d;padding-left:14px}.step b{display:block}.step span{display:block;color:#7e94a6;font-size:12px;margin-top:4px}
.cta{padding:75px 0;background:radial-gradient(circle at 75% 50%,rgba(11,130,180,.16),transparent 35%);border-top:1px solid #163448}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0 0 8px;font-size:36px}.cta p:not(.eyebrow){color:#8fa4b5;margin:0}
footer{border-top:1px solid #102638;padding:40px 0;color:#7890a2}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:25px}.footer-nav{display:flex;gap:20px;font-size:11px}.copyright{font-size:10px;margin-top:20px}
.page-hero{padding:95px 0 65px;border-bottom:1px solid #163247;background:radial-gradient(circle at 75% 40%,rgba(17,140,198,.12),transparent 35%)}.page-hero h1{font-size:clamp(46px,6vw,70px);line-height:1;margin:0 0 16px}.page-hero p:last-child{color:#91a5b8;max-width:700px}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#0d2538,#03080e 55%)}.login-shell{width:min(440px,92%);text-align:center}.login-card{margin:28px 0;padding:35px;border:1px solid #1b4a63;border-radius:10px;background:rgba(6,17,28,.92);box-shadow:var(--shadow);text-align:left}.login-card h1{font-size:34px;margin:0 0 9px}.login-card>p:not(.eyebrow):not(.note){color:#8ea3b5}.full{width:100%}.note{font-size:10px;color:#718798;margin-top:16px}.back{font-size:12px;color:#8196a7}
.langbar{display:flex;gap:7px;align-items:center;font-size:11px;color:#8ea2b2}.langbar a:hover{color:#fff}
@media(max-width:900px){.nav nav{display:none}.hero-content{padding-top:90px}.quickgrid{grid-template-columns:1fr 1fr}.path-grid,.enterprise,.course-layout{grid-template-columns:1fr}.course-grid,.service-grid{grid-template-columns:1fr 1fr}.lab-flow{grid-template-columns:1fr 1fr;gap:25px}.steps{grid-template-columns:1fr 1fr}.course-intro{margin-bottom:10px}}
@media(max-width:600px){.nav{gap:10px}.nav-actions .get-started{display:none}.hero{min-height:700px}.hero-content{padding-top:70px}.hero:after{background:linear-gradient(90deg,#030912 0%,rgba(3,9,18,.86) 65%,rgba(3,9,18,.3)),linear-gradient(0deg,#030912 0%,transparent 45%)}.quickgrid{grid-template-columns:1fr 1fr}.quick{padding:14px}.quick span{display:none}.path-card{grid-template-columns:1fr}.path-art{min-height:130px}.course-grid,.service-grid{grid-template-columns:1fr}.lab-flow{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr}}

/* v3 — all visual assets from the reference mockup */
.ref-logo{height:38px;width:auto;object-fit:contain;mix-blend-mode:screen}
.quick-img{width:42px;height:42px;object-fit:cover;border-radius:9px;border:1px solid #1d5d79;float:left;margin-right:12px}
.path-photo{background-size:cover!important;background-position:center!important;min-height:330px}
.course-photo{background-size:cover!important;background-position:center!important}
.lab-photo-wrap{height:180px;margin:20px;border:1px solid #174966;border-radius:8px;overflow:hidden;background:#06121d}
.lab-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.path-photo{min-height:220px}.lab-photo-wrap{height:140px}}

/* v4 HQ image rendering */
.hero-art{image-rendering:auto;background-position:center right!important}
.path-photo,.course-photo{image-rendering:auto}
.path-photo{background-position:center!important}
.course-photo{background-position:center!important}
@media(min-width:1400px){.container{width:min(1280px,92%)}}

/* v5 Scheme 1 brand mark */
.ref-logo.logo-scheme1{
  width:64px!important;
  height:64px!important;
  object-fit:contain!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 8px rgba(0,196,255,.22));
}
.brand{gap:12px}
@media (max-width:700px){
  .ref-logo.logo-scheme1{width:52px!important;height:52px!important}
}