@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eaf1fb;background:#071323;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#071323;--panel:#0d1c30;--panel2:#10243c;--line:#1d3551;--muted:#91a3b9;--blue:#48a7ff;--cyan:#59d5e8}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(133,168,207,.13);background:#081629;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font:700 16px Space Grotesk;letter-spacing:.7px}.brand-mark{height:38px;width:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2d9dff,#5ad6e8);color:#041426;font:700 23px Space Grotesk;box-shadow:0 6px 25px #2388df44}.brand-mark.large{height:52px;width:52px;font-size:30px;margin-bottom:24px}.brand-blue{color:#54b5ff}.brand small{display:block;color:#7188a3;font:500 8px DM Mono;letter-spacing:1.2px;margin-top:2px}.header nav{display:flex;gap:34px;margin-left:40px}.header nav a{font-size:13px;color:#9aacc1;transition:.2s}.header nav a:hover,.header nav a.active{color:#fff}.header-actions{display:flex;gap:10px}.btn{border:1px solid transparent;border-radius:8px;padding:10px 17px;color:#eaf4ff;font-size:12px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-primary{background:linear-gradient(110deg,#238ce8,#36b5d8);color:#031426;box-shadow:0 7px 20px #238ce833}.btn-outline{background:transparent;border-color:#29435f}.btn-ghost{background:transparent;color:#b5c5d8}.btn-large{padding:14px 21px;font-size:13px}.btn-full{width:100%;padding:13px}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:22px}.setup-banner{text-align:center;padding:9px;background:#102d47;color:#9dcdf5;font-size:11px;border-bottom:1px solid #214767}.hero{position:relative;min-height:590px;padding:90px max(8vw,30px) 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;background:radial-gradient(ellipse at 78% 47%,#10345a 0,transparent 38%),linear-gradient(110deg,#081629,#091a2d)}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(86,153,205,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(86,153,205,.15) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,black,transparent 95%);mask-image:linear-gradient(90deg,black,transparent 95%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:620px}.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #24415f;border-radius:4px;color:#91b8d8;font:10px DM Mono;letter-spacing:.5px}.pulse{width:6px;height:6px;border-radius:50%;background:#53d6c7;box-shadow:0 0 12px #53d6c7}.hero h1,.page-title h1,.detail-hero h1{font:700 clamp(40px,5vw,64px)/1.08 "Space Grotesk";letter-spacing:-2.5px;margin:25px 0 18px}.hero h1 span{color:#54b9ff}.hero-desc{max-width:510px;color:#9cafc5;line-height:1.8;font-size:15px}.hero-buttons{display:flex;gap:12px;margin-top:29px}.hero-stats{display:flex;gap:42px;margin-top:52px}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats b{font:600 21px Space Grotesk;color:#e9f5ff}.hero-stats span{font-size:10px;color:#8298b1}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #28618a55;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:340px;height:220px}.orbit-two{width:450px;height:300px;transform:rotate(32deg);border-style:dashed}.network-core{height:116px;width:116px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,#153d63,#0b2038);border:1px solid #3986b8;box-shadow:0 0 70px #208ed944;z-index:2;font:700 24px Space Grotesk;color:#bce9ff}.network-core small{font:10px DM Mono;color:#66b6e8;letter-spacing:3px}.core-glow{position:absolute;inset:-15px;border:1px solid #3aa8d966;border-radius:35px;animation:pulse 3s infinite}@keyframes pulse{50%{transform:scale(1.08);opacity:.3}}.node{position:absolute;z-index:3;width:82px;height:75px;background:#0d2137;border:1px solid #285174;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 10px 35px #0005}.node i{font-style:normal;color:#62c8f4;font-size:24px}.node span{font:9px DM Mono;color:#a9bfd4}.node-a{top:22px;left:43%}.node-b{right:2%;top:44%}.node-c{bottom:18px;left:42%}.node-d{left:1%;top:44%}.connection{position:absolute;border-top:1px dashed #3f9ec4;width:125px;transform-origin:left}.con-a{top:113px;left:47%;transform:rotate(115deg)}.con-b{top:190px;left:53%;transform:rotate(0)}.con-c{top:278px;left:48%;transform:rotate(-115deg)}.con-d{top:190px;left:26%;transform:rotate(0)}.art-label{position:absolute;bottom:-4px;right:3%;font:9px DM Mono;color:#587b9b;letter-spacing:1px}.art-label span{color:#4ccdb7;margin-left:12px}.trust-strip{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:20px 5%;background:#0b1b2e;border-top:1px solid #1a3049;border-bottom:1px solid #1a3049;color:#7791ad;font:10px DM Mono;letter-spacing:.6px}.section,.path-section{padding:82px max(7vw,25px)}.path-section{background:#0a192b;border-top:1px solid #152a42;border-bottom:1px solid #152a42}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.eyebrow{font:10px DM Mono;letter-spacing:1.3px;color:#53b8ef}.section h2,.path-section h2,.cta h2,.dash-section h2{font:600 32px Space Grotesk;letter-spacing:-.7px;margin:10px 0}.section-head p,.path-section .section-head p{color:#8da2b9;font-size:13px;margin:0}.text-link{background:none;border:0;color:#5dbdff;font-size:12px;font-weight:700;padding:8px 0}.text-link span{margin-left:8px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.course-card{padding:23px;background:linear-gradient(145deg,#10243b,#0c1c30);border:1px solid #1d3854;border-radius:12px;min-height:270px;display:flex;flex-direction:column;transition:.2s}.course-card:hover,.path-card:hover{transform:translateY(-4px);border-color:#397caf}.course-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.course-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#143653;color:#6bc9f4;font-size:23px}.level{font:9px DM Mono;letter-spacing:.7px;color:#67c6ec;background:#13344c;padding:6px 8px;border-radius:4px}.level.intermediate{color:#8eb8ff;background:#192f50}.level.advanced{color:#c2a2ff;background:#30254b}.level.isp-noc{color:#ffbd80;background:#46301f}.course-card .eyebrow{font-size:9px;color:#67a8d1}.course-card h3{font:600 18px Space Grotesk;margin:8px 0}.course-card p{font-size:12px;line-height:1.7;color:#8da2b8;margin:0 0 20px}.course-meta{display:flex;gap:18px;color:#7891aa;font-size:10px;border-top:1px solid #1c344e;padding-top:14px;margin-top:auto}.course-card .text-link{align-self:flex-start;margin-top:13px}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.path-card{padding:21px;border-radius:12px;background:#0d2035;border:1px solid #1d3b59;min-height:300px;transition:.2s;cursor:pointer}.path-card.cyan{border-top:2px solid #55d1d8}.path-card.blue{border-top:2px solid #4c9ef0}.path-card.violet{border-top:2px solid #a88af2}.path-card.orange{border-top:2px solid #e9a35c}.path-top{display:flex;justify-content:space-between;align-items:center;color:#6d91b2;font:11px DM Mono}.path-level{font-size:8px;color:#8ca6bf}.path-card h3{font:600 18px Space Grotesk;margin:26px 0 10px}.path-card p{font-size:11px;line-height:1.7;color:#91a5ba;min-height:55px}.path-card ul{list-style:none;padding:0;margin:20px 0}.path-card li{font-size:10px;color:#b2c5d8;margin:11px 0}.path-card li:first-letter{color:#5ed1bd}.cta{margin:35px max(7vw,25px) 80px;padding:42px 48px;border:1px solid #225078;border-radius:14px;background:radial-gradient(ellipse at 90% 30%,#174c71,#0d2036 60%);display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:30px;line-height:1.2}.cta p{color:#91a9c0;font-size:12px}.footer{padding:40px max(7vw,25px) 20px;background:#06101e;border-top:1px solid #172b40}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.footer-main p{font-size:11px;line-height:1.8;color:#7289a2}.footer-bottom{border-top:1px solid #1a2b40;padding-top:18px;display:flex;justify-content:space-between;color:#617993;font:9px DM Mono}.page-wrap{max-width:1200px;margin:auto;padding:65px 28px 90px;min-height:65vh}.page-title{margin-bottom:35px}.page-title h1{font-size:42px;margin:12px 0}.page-title p{color:#91a6bd;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{padding:9px 14px;border:1px solid #24405d;background:#0b1b2e;color:#9ab0c6;border-radius:7px;font-size:11px}.filter.active{background:#1b5b88;border-color:#328ec4;color:#fff}.tool-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.tool-card{background:#0d2035;border:1px solid #203d59;border-radius:12px;padding:25px}.tool-heading{display:flex;gap:15px;align-items:center;margin-bottom:25px}.tool-symbol{height:48px;width:48px;display:grid;place-items:center;background:#143a58;border-radius:10px;color:#6acdf1;font-size:26px}.tool-heading h2,.tool-card h2{font:600 20px Space Grotesk;margin:0 0 5px}.tool-heading p{color:#8da4ba;font-size:11px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-card label,.auth-card label{display:flex;flex-direction:column;gap:8px;color:#a9bdd1;font-size:11px;margin-bottom:16px}.tool-card input,.tool-card select,.tool-card textarea,.auth-card input{width:100%;background:#08182a;border:1px solid #29445f;border-radius:7px;padding:12px;color:#e6f1fb;outline:none}.tool-card input:focus,.tool-card select:focus,.auth-card input:focus{border-color:#4aadea}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.result-item{background:#0a192a;border:1px solid #1b354e;padding:12px;border-radius:7px;display:flex;flex-direction:column;gap:8px}.result-item span{font-size:10px;color:#8098b1}.result-item b{font:500 13px DM Mono;color:#7bd1f1;overflow-wrap:anywhere}.tool-note{font-size:10px;line-height:1.6;color:#738ba4;margin-top:18px}.tool-aside{padding:27px;background:linear-gradient(145deg,#102943,#0b1c30);border:1px solid #244766;border-radius:12px}.aside-icon{font-size:30px;color:#67c8f0}.tool-aside h3{font:600 20px Space Grotesk}.tool-aside p{color:#8fa5bb;font-size:12px;line-height:1.7}.coming-list{display:flex;flex-direction:column;gap:14px;margin-top:25px;color:#b2c6d9;font-size:11px}.auth-wrap{min-height:70vh;display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(100%,430px);background:#0d2035;border:1px solid #23425f;border-radius:14px;padding:34px}.auth-card h1{font:600 28px Space Grotesk;margin:12px 0}.auth-card>p{font-size:12px;color:#91a7bd;margin-bottom:25px}.auth-card form{margin-top:24px}.auth-switch{text-align:center;margin-top:20px!important}.auth-switch a{color:#5dbbfa;font-weight:700}.notice,.error-box{padding:12px;background:#152f49;border:1px solid #315b7e;border-radius:7px;color:#b7dafa;font-size:11px;line-height:1.6;margin-top:15px}.error-box{background:#401f2a;border-color:#8e4052;color:#ffc1c8}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dash-stat{padding:22px;border:1px solid #203b56;background:#0d2035;border-radius:10px;display:flex;flex-direction:column;gap:9px}.dash-stat span{font:9px DM Mono;color:#7f9bb5}.dash-stat b{font:600 30px Space Grotesk}.dash-stat small{font-size:10px;color:#8299b0}.dash-section{margin-top:45px}.dash-section .section-head{align-items:center}.dash-section h2{font-size:24px}.dash-section p{font-size:11px;color:#8ca2b8}.admin-callout{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#102b43;border:1px solid #2b5b7b;border-radius:10px;margin-top:30px}.admin-callout h2{font:600 21px Space Grotesk;margin:8px 0}.admin-callout p{font-size:11px;color:#94aac0}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-form h2{margin-bottom:22px}.admin-course-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #203951}.admin-course-list>div:last-child{border:0}.admin-course-list span:first-child{display:flex;flex-direction:column;gap:5px}.admin-course-list b{font-size:12px}.admin-course-list small{font-size:10px;color:#8299b0}.status-tag{font:9px DM Mono;color:#79d2bd;background:#153b3a;padding:6px 8px;border-radius:4px}.back-link{margin-bottom:25px}.detail-hero{padding:38px;background:radial-gradient(ellipse at 90% 20%,#16456a,#10233a 65%);border:1px solid #2a4c6a;border-radius:13px}.detail-hero h1{font-size:40px;margin:16px 0}.detail-hero p{color:#a1b5c9;max-width:650px;line-height:1.7;font-size:13px}.detail-hero .course-meta{border:0}.lesson-placeholder{text-align:center;padding:70px 20px}.lesson-icon{margin:auto;width:55px;height:55px;border-radius:12px;background:#153a56;display:grid;place-items:center;color:#73d2f2;font-size:25px}.lesson-placeholder h2{font:600 22px Space Grotesk}.lesson-placeholder p{font-size:12px;color:#91a7bd;margin-bottom:22px}.path-detail-list{margin-top:40px}.path-detail{padding:30px 0;border-bottom:1px solid #1e354e;scroll-margin-top:100px}.path-detail h2{font:600 25px Space Grotesk;margin:10px 0}.path-detail p{color:#91a7bd;font-size:12px}.topic-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.topic-chips span{font-size:10px;color:#b7cce0;background:#112a42;border:1px solid #24435f;border-radius:5px;padding:9px 12px}@media(max-width:900px){.header nav{gap:17px;margin-left:10px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:340px;max-width:540px;width:100%;margin:auto}.course-grid,.path-grid{grid-template-columns:repeat(2,1fr)}.tool-layout,.admin-layout{grid-template-columns:1fr}}@media(max-width:620px){.header{height:66px;padding:0 17px}.header nav,.header-actions{display:none}.mobile-menu{display:block}.brand{font-size:14px}.brand-mark{width:34px;height:34px}.hero{padding:58px 22px 45px;min-height:auto}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-desc{font-size:13px}.hero-buttons{flex-wrap:wrap}.hero-stats{gap:23px;margin-top:35px}.hero-stats b{font-size:18px}.hero-stats span{font-size:9px}.hero-art{height:290px;transform:scale(.85);margin:-5px auto}.orbit-one{width:280px}.orbit-two{width:350px}.node-a{left:39%}.node-b{right:-2%}.node-d{left:-2%}.trust-strip{justify-content:flex-start;padding:17px 22px;font-size:9px}.section,.path-section{padding:55px 20px}.section-head{align-items:flex-start;flex-direction:column}.section h2,.path-section h2{font-size:27px}.course-grid,.path-grid{grid-template-columns:1fr}.course-card{min-height:250px}.path-card{min-height:260px}.cta{margin:20px 20px 55px;padding:28px;align-items:flex-start;flex-direction:column}.cta h2{font-size:26px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:17px}.page-wrap{padding:45px 18px 65px}.page-title h1{font-size:34px}.form-grid,.result-grid,.dashboard-grid{grid-template-columns:1fr}.auth-card,.detail-hero{padding:25px}.detail-hero h1{font-size:31px}.admin-callout{align-items:flex-start;flex-direction:column;gap:10px}}.access-overlay{position:fixed;inset:0;z-index:1000;background:#020912c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px;overflow-y:auto}.access-modal{position:relative;width:min(100%,470px);padding:38px;background:linear-gradient(155deg,#102943,#0b1b2e 70%);border:1px solid #31516f;border-radius:18px;box-shadow:0 28px 90px #0000008c;text-align:center}.access-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#9db1c5;font-size:27px;cursor:pointer}.access-mark{width:54px;height:54px;margin:0 auto 20px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#1d76aa,#16436a);color:#e8f7ff;font:700 28px Space Grotesk;box-shadow:0 8px 25px #06111e}.access-modal h2{font:600 27px Space Grotesk;line-height:1.2;margin:12px 0}.access-desc{font-size:12px;line-height:1.8;color:#9cb0c4;margin:0 auto 23px;max-width:360px}.access-benefits{display:flex;flex-direction:column;gap:13px;text-align:left;padding:18px;background:#0a1a2c;border:1px solid #1e3b56;border-radius:11px;margin-bottom:22px}.access-benefits>div{display:flex;gap:12px;align-items:flex-start}.access-benefits>div>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#153e42;color:#7de0c2;font-weight:700}.access-benefits section{display:flex;flex-direction:column;gap:3px}.access-benefits b{font-size:11px;color:#e3eef8}.access-benefits small{font-size:10px;line-height:1.5;color:#8199b0}.access-primary{margin-bottom:10px}.access-foot{display:block;color:#6f88a2;font-size:9px;margin-top:17px}@media(max-width:520px){.access-modal{padding:32px 22px}.access-modal h2{font-size:24px}}.course-learning-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:24px;margin:32px 0;align-items:start}.lesson-sidebar,.lesson-content-panel,.quiz-panel{background:var(--card, #101a2a);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:24px}.lesson-sidebar h3{margin:0 0 16px;font-size:17px}.lesson-nav-item{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:13px 12px;margin:4px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;cursor:pointer;line-height:1.45}.lesson-nav-item span{font-size:12px;color:#60a5fa;font-weight:700;padding-top:2px}.lesson-nav-item:hover,.lesson-nav-item.active{background:#3b82f61f;border-color:#3b82f659}.quiz-nav-label{margin:18px 8px 0;color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.12em}.lesson-content-panel h2,.quiz-panel h2{font-size:clamp(24px,3vw,34px);margin:10px 0 22px}.lesson-reading{white-space:pre-wrap;line-height:1.85;color:var(--text-secondary,#cbd5e1);font-size:15px}.lesson-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:32px;padding-top:22px;border-top:1px solid rgba(148,163,184,.18)}.quiz-panel{margin:30px 0}.quiz-panel>p{color:var(--text-secondary,#cbd5e1)}.quiz-question{padding:20px 0;border-top:1px solid rgba(148,163,184,.18)}.quiz-question h3{font-size:16px;line-height:1.5;margin:0 0 12px}.quiz-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:6px 0;border:1px solid rgba(148,163,184,.2);border-radius:9px;cursor:pointer}.quiz-option input{margin-top:4px;accent-color:#3b82f6}.quiz-explanation{margin-top:10px;padding:12px;border-radius:9px;background:#3b82f61a;line-height:1.55}@media(max-width:760px){.course-learning-layout{grid-template-columns:1fr}.lesson-sidebar{padding:16px}.lesson-nav-item{padding:10px}.lesson-content-panel,.quiz-panel{padding:18px}.lesson-navigation{flex-wrap:wrap}.lesson-navigation button{flex:1}}.lesson-quiz{margin-top:34px;padding:22px;border:1px solid rgba(59,130,246,.3);border-radius:14px;background:#0f233a8c}.lesson-quiz h3{font-size:22px;margin:8px 0 18px}.lesson-quiz .quiz-question{padding:16px 0}.lesson-quiz .quiz-question h4{font-size:15px;line-height:1.5;margin:0 0 10px}