@import"https://fonts.googleapis.com/css2?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:#e8eef8;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#07111f;--panel:#0c192a;--panel2:#0f2035;--line:#1d3048;--muted:#8da1ba;--blue:#3688ff;--cyan:#36d6ed;--white:#f5f8ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #62b4ff;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:248px;background:#081421;border-right:1px solid #172a40;display:flex;flex-direction:column;padding:24px 14px 14px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 30px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#8ddcff;background:linear-gradient(145deg,#123b68,#0c213c);border:1px solid #245487;border-radius:12px;box-shadow:0 0 24px #1265b92a}.brand strong{font:700 14px Space Grotesk,sans-serif;letter-spacing:1.5px;display:block}.brand span{display:block;color:#6f8baa;font-size:10px;letter-spacing:2.2px;margin-top:3px}.close-nav{display:none!important;margin-left:auto}.workspace-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#6885a6}.workspace-label{padding:0 11px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid transparent;background:transparent;color:#91a5be;padding:12px;border-radius:9px;transition:.18s}.nav-item span:nth-child(2){flex:1}.nav-item:hover{background:#10233a;color:#e4efff}.nav-item.active{background:linear-gradient(90deg,#14365b,#10243c);border-color:#204c78;color:#7ccaff;box-shadow:inset 2px 0 #42a4ff}.nav-count{font-size:10px;padding:3px 6px;border-radius:5px;background:#172d48;color:#93b6dc}.sidebar-bottom{margin-top:auto}.support-card{padding:15px;background:linear-gradient(140deg,#102943,#0d1c2e);border:1px solid #1d3b5b;border-radius:12px;margin:0 3px 16px}.support-icon{color:#5cc8ff;margin-bottom:10px}.support-card strong{font-size:12px}.support-card p{color:#8ea5bf;line-height:1.55;font-size:11px;margin:7px 0 12px}.support-card button{display:flex;align-items:center;gap:5px;color:#6fc9ff;background:none;border:0;padding:0;font-size:11px;font-weight:700}.user-row{border-top:1px solid #1a2b3e;padding:16px 4px 3px;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#153b5e;color:#83d5ff;font-weight:700}.user-meta{flex:1;min-width:0}.user-meta strong{font-size:11px;display:block}.user-meta span{font-size:10px;color:#7892ad;display:block;margin-top:4px}.dots{border:0;background:none;color:#7690ac;letter-spacing:2px}.main-content{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 36px;border-bottom:1px solid #172a40;background:#081421e8;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.breadcrumb{display:flex;align-items:center;gap:8px;color:#7188a4;font-size:12px}.breadcrumb strong{color:#d8e5f6;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.search-box{width:230px;display:flex;align-items:center;gap:8px;border:1px solid #20354d;background:#0b1a2c;border-radius:8px;padding:9px 11px;color:#6f88a5}.search-box input{background:transparent;border:0;outline:none;color:#e7f1ff;width:100%;font-size:11px}.search-box input::placeholder{color:#657d99}.account-button{display:flex;align-items:center;gap:8px;border:1px solid #233b55;background:#0d1c2d;border-radius:8px;padding:9px 12px;color:#dce8f8;font-size:11px}.online-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#43d9a1;box-shadow:0 0 9px #43d9a15c}.mobile-menu{display:none!important}.page-wrap{width:100%;max-width:1500px;margin:0 auto;padding:31px 36px 42px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font:600 clamp(24px,2.2vw,32px) "Space Grotesk",sans-serif;letter-spacing:-.8px;margin:8px 0 7px;color:#f1f6ff}.page-heading p{margin:0;color:#91a5bd;line-height:1.6;font-size:12px}.primary-button,.white-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 14px;font-size:11px;font-weight:700;transition:.18s}.primary-button{background:#2379eb;color:#fff;border:1px solid #398dff;box-shadow:0 5px 18px #1267d12b}.primary-button:hover{background:#348bff;transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:default;transform:none}.hero-panel{position:relative;overflow:hidden;display:flex;min-height:278px;border:1px solid #20476e;border-radius:15px;background:radial-gradient(ellipse at 80% 50%,#123c65,#0d2744 30%,#0b1b30 72%);box-shadow:inset 0 1px #a8dcff0b;margin-bottom:17px}.hero-copy{position:relative;z-index:2;width:61%;padding:29px 32px}.hero-pill{display:inline-flex;align-items:center;gap:8px;color:#88d5ff;font-size:9px;letter-spacing:1.2px;font-weight:700;background:#163d5b80;border:1px solid #24577c;padding:7px 9px;border-radius:5px}.pulse{width:6px;height:6px;border-radius:50%;background:#4ce3d2;box-shadow:0 0 10px #4ce3d2}.hero-copy h2{font:600 clamp(24px,2.7vw,35px)/1.2 "Space Grotesk",sans-serif;letter-spacing:-1px;margin:17px 0 10px}.hero-copy h2 span{color:#5bb8ff}.hero-copy p{max-width:500px;color:#91aac6;line-height:1.7;font-size:11px;margin:0 0 20px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.white-button{background:#eaf5ff;color:#09213b;border:1px solid #fff}.white-button:hover{background:#fff}.outline-button{background:#0b2035aa;border:1px solid #2a5c83;color:#b4dfff}.network-art{position:absolute;top:0;right:0;bottom:0;left:53%;overflow:hidden;opacity:.95;background:radial-gradient(circle at 57% 50%,#2b8eff20,transparent 53%)}.orbit{position:absolute;border:1px solid #2876ad35;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%)}.orbit-one{width:310px;height:210px}.orbit-two{width:220px;height:290px;transform:translate(-50%,-50%) rotate(45deg)}.node{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:68px;height:65px;background:linear-gradient(145deg,#123a5d,#0b1b30);border:1px solid #367fb4;border-radius:12px;color:#68caff;box-shadow:0 0 26px #258dff22}.node span{font-size:7px;letter-spacing:1px;color:#a8c6e4}.node-router{left:42%;top:18%}.node-switch{left:42%;top:61%}.node-pc{left:12%;top:40%}.node-server{right:8%;top:40%}.link{position:absolute;height:1px;background:linear-gradient(90deg,#1d639b,#53caff,#1d639b);transform-origin:left;opacity:.7}.link-a{width:105px;left:25%;top:49%;transform:rotate(-31deg)}.link-b{width:106px;left:50%;top:36%;transform:rotate(90deg)}.link-c{width:110px;left:50%;top:74%;transform:rotate(-28deg)}.link-d{width:110px;left:50%;top:51%;transform:rotate(-1deg)}.data-dot{position:absolute;width:5px;height:5px;background:#6fe7ff;border-radius:50%;box-shadow:0 0 10px #6fe7ff}.dot-a{left:33%;top:35%}.dot-b{left:66%;top:50%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.stat-card{background:linear-gradient(140deg,#0e1d30,#0a1727);border:1px solid #1c3048;border-radius:11px;padding:16px 17px;min-width:0}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;margin-bottom:13px}.stat-icon.blue{background:#163b62;color:#68bdff}.stat-icon.green{background:#123a37;color:#54d9b2}.stat-icon.purple{background:#30254e;color:#bb9aff}.stat-icon.orange{background:#482f24;color:#ffbd7e}.stat-label{color:#91a5bd;font-size:10px}.stat-value{font:600 25px Space Grotesk,sans-serif;margin:7px 0 4px}.stat-detail{font-size:10px;color:#607b98}.section-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading{margin-bottom:14px}.section-heading h3,.panel-title h3{font:600 16px Space Grotesk,sans-serif;margin:0 0 5px}.section-heading p,.panel-title p{margin:0;color:#8299b4;font-size:11px}.text-button{display:flex;align-items:center;gap:5px;background:transparent;border:0;color:#66baff;font-size:11px;font-weight:700}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.course-card{display:flex;flex-direction:column;text-align:left;min-width:0;background:linear-gradient(145deg,#0e1d30,#0a1727);border:1px solid #1c3048;border-radius:12px;padding:17px;color:#e9f2ff;transition:.2s}.course-card:hover{transform:translateY(-3px);border-color:#2e6594;box-shadow:0 12px 28px #0002}.course-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.course-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;border:1px solid transparent}.course-icon.blue{color:#75c7ff;background:#143655;border-color:#214f76}.course-icon.purple{color:#c0a0ff;background:#2a2245;border-color:#44346c}.course-icon.cyan{color:#69e4e7;background:#12393d;border-color:#1b5a61}.course-icon.green{color:#68e2b2;background:#133b34;border-color:#235e4d}.course-icon.orange{color:#ffc28a;background:#3c2a20;border-color:#66452c}.course-icon.red{color:#ff929e;background:#45212c;border-color:#6b3442}.status{font-size:9px;color:#b7c7da;border:1px solid #294059;border-radius:5px;padding:5px 7px}.status.done{color:#6fe0b5;border-color:#225a4c;background:#10372f}.course-category{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#6ea5d2;margin-bottom:7px}.course-card h4{font:600 16px Space Grotesk,sans-serif;margin:0 0 8px}.course-card p{font-size:11px;line-height:1.65;color:#8ea4bd;margin:0 0 17px;flex:1}.course-card-footer{display:flex;align-items:center;gap:13px;border-top:1px solid #1a2c41;padding-top:12px;color:#7992ae;font-size:9px}.course-card-footer span{display:flex;align-items:center;gap:5px}.arrow-circle{margin-left:auto!important;width:26px;height:26px;display:grid!important;place-items:center;border:1px solid #29425c;border-radius:50%;color:#7bbfff}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:18px}.panel{background:linear-gradient(145deg,#0d1b2d,#0a1726);border:1px solid #1c3048;border-radius:12px;padding:19px}.panel-title{margin-bottom:17px}.mini-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#70c6ff;background:#153553;border:1px solid #214d72}.quick-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px 0;text-align:left;border:0;border-top:1px solid #1b2c40;background:transparent;color:#dce9f8}.quick-row>span:nth-child(2){flex:1}.quick-row strong,.quick-row small{display:block}.quick-row strong{font-size:11px;font-weight:600}.quick-row small{font-size:10px;color:#829ab4;margin-top:4px}.quick-row>svg{color:#6987a5}.quick-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.quick-symbol.purple{background:#2c2245;color:#bd9dff}.quick-symbol.cyan{background:#123a3d;color:#6fe3e8}.quick-symbol.orange{background:#432b20;color:#ffbd7c}.progress-number{font:600 23px Space Grotesk,sans-serif;color:#6cbfff}.progress-track{height:7px;background:#1c2d42;border-radius:10px;overflow:hidden;margin:25px 0 9px}.progress-track div{height:100%;border-radius:10px;background:linear-gradient(90deg,#2478e9,#44c8f4);transition:width .3s}.progress-caption{display:flex;justify-content:space-between;color:#8298b1;font-size:10px}.milestone{display:flex;align-items:flex-start;gap:11px;border-top:1px solid #1b2c40;margin-top:23px;padding-top:17px}.milestone-icon{width:35px;height:35px;display:grid;place-items:center;background:#163958;color:#7bcaff;border-radius:9px}.milestone strong{font-size:11px}.milestone p{font-size:10px;line-height:1.6;color:#8ba0b8;margin:5px 0 0}.footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #17283b;padding:17px 36px;color:#617a96;font-size:10px}.footer span:last-child{display:flex;align-items:center;gap:7px}.learning-banner{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #23466a;background:linear-gradient(100deg,#112d49,#0d1c2e);border-radius:11px;margin-bottom:17px}.banner-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#83d2ff;background:#17436a}.learning-banner strong{font-size:12px}.learning-banner p{font-size:10px;color:#8fa7c1;margin:5px 0 0}.banner-count{margin-left:auto;color:#71c7ff;font-size:9px;letter-spacing:1px;font-weight:700}.all-courses{margin-bottom:30px}.back-button{border:0;background:transparent;color:#75bfff;font-size:11px;padding:0;margin-bottom:17px}.detail-hero{padding:26px;border:1px solid #214365;background:radial-gradient(ellipse at 90% 0%,#153c60,#0d1b2e 65%);border-radius:13px;margin-bottom:17px}.large-icon{margin-bottom:16px;width:50px;height:50px}.detail-hero h1{font:600 28px Space Grotesk,sans-serif;margin:0 0 9px}.detail-hero p{max-width:680px;line-height:1.7;color:#95aac2;font-size:12px}.detail-meta{display:flex;gap:16px;color:#88a2be;font-size:10px;margin-top:16px}.detail-meta span{display:flex;align-items:center;gap:6px}.lesson-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.lesson-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #1b2d42}.lesson-index{width:34px;height:34px;display:grid;place-items:center;border:1px solid #29415a;background:#10233a;color:#7ebdff;border-radius:8px;font:600 11px Space Grotesk,sans-serif}.lesson-row>div{flex:1}.lesson-row strong,.lesson-row small{display:block}.lesson-row strong{font-size:11px}.lesson-row small{color:#7891ad;font-size:10px;margin-top:5px}.lesson-check{color:#5dd7a8}.lesson-unchecked{color:#415a74}.lesson-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #1b2d42;padding-top:17px;margin-top:5px}.lesson-footer>span{color:#728aa5;font-size:10px}.tip-panel h3{font:600 16px Space Grotesk,sans-serif;margin:15px 0 8px}.tip-panel p,.tip-panel li{font-size:11px;color:#8fa5be;line-height:1.7}.tip-rule{height:1px;background:#1c3047;margin:18px 0}.tip-panel>strong{font-size:11px}.tip-panel ol{padding-left:20px}.safety-note{display:flex;gap:9px;color:#78c7ff;background:#102941;border:1px solid #1d4567;border-radius:8px;padding:11px;font-size:10px;line-height:1.6;margin-top:15px}.lab-warning,.notice,.exam-tip{display:flex;align-items:flex-start;gap:10px;border:1px solid #31506c;background:#10253a;border-radius:9px;padding:13px;color:#9ec5e9;font-size:11px;line-height:1.6;margin-bottom:17px}.lab-warning svg,.notice svg,.exam-tip svg{flex-shrink:0;color:#71c7ff}.tabs{display:flex;gap:5px;padding:5px;border:1px solid #1c3048;background:#0b1828;border-radius:9px;width:max-content;margin-bottom:15px}.tabs button{border:0;border-radius:6px;background:transparent;color:#8ca3bd;padding:9px 13px;font-size:11px}.tabs button.selected{background:#1a3c5e;color:#8ed5ff}.terminal-chip{font-size:9px;color:#7ad7b4;letter-spacing:1px;display:flex;align-items:center;gap:7px}.terminal-chip span{width:6px;height:6px;background:#55d8a5;border-radius:50%}.command-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #1b2c40;padding:13px 0}.command-row>div{min-width:0}.command-row strong{display:block;font-size:11px;margin-bottom:7px}.command-row code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7ee3c4;background:#071522;border:1px solid #1c3a42;border-radius:5px;padding:6px 8px;display:inline-block;max-width:100%;overflow-wrap:anywhere}.copy-button{background:#10233a;border:1px solid #29445f;border-radius:6px;color:#a4c8e9;padding:7px 10px;font-size:10px}.topology-panel{margin-top:16px}.topology{display:flex;align-items:center;justify-content:center;gap:0;padding:28px 8px 10px;flex-wrap:wrap}.topo-node{width:105px;min-height:88px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#10263d;border:1px solid #2a5c82;border-radius:10px;color:#73c9ff}.topo-node strong{font-size:11px;color:#e3efff}.topo-node small{font-size:9px;color:#8ba8c6}.topo-link{width:60px;height:2px;background:#317db2}.topo-clients{display:flex;gap:12px;margin-left:30px;position:relative}.topo-clients:before{content:"";position:absolute;left:-16px;top:50%;width:16px;height:1px;background:#317db2}.subnet-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.subnet-form label{display:block;color:#a4b8ce;font-size:11px;font-weight:600;margin:17px 0 8px}.field-input,.auth-modal input{width:100%;background:#071522;border:1px solid #263d56;border-radius:7px;color:#eaf3ff;padding:11px 12px;outline:none}.field-input:focus,.auth-modal input:focus{border-color:#3688ff}.subnet-hint{margin-top:15px;font-size:10px;color:#7991ab;line-height:1.7}.result-chip{font-size:9px;color:#6fe0b5;background:#10382f;border:1px solid #22594b;border-radius:5px;padding:6px 8px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-cell{border:1px solid #1e334b;background:#0a1726;border-radius:8px;padding:12px;min-width:0}.result-cell span{display:block;color:#7892ad;font-size:10px;margin-bottom:7px}.result-cell strong{font:600 13px Space Grotesk,sans-serif;color:#dceeff;overflow-wrap:anywhere}.exam-tip{margin-top:16px;margin-bottom:0}.exam-tip p{margin:4px 0 0;color:#8ca9c5}.assessment-badge{display:flex;align-items:center;gap:7px;border:1px solid #2a4260;background:#11233a;border-radius:7px;padding:9px 11px;color:#9acfff;font-size:10px}.quiz-panel{padding:23px}.quiz-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #203149}.quiz-top h3{font:600 20px Space Grotesk,sans-serif;margin:8px 0}.quiz-top p{font-size:11px;color:#8da4bd}.quiz-score{font:600 25px Space Grotesk,sans-serif;color:#74c7ff;text-align:right}.quiz-score small{display:block;font:10px DM Sans,sans-serif;color:#7d95b0;margin-top:5px}.question-block{padding:21px 0;border-bottom:1px solid #1c2e43}.question-number{color:#6ca9dc;font-size:9px;letter-spacing:1.4px;font-weight:700}.question-block h4{font-size:13px;font-weight:600;margin:9px 0 13px}.answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-option{display:flex;align-items:center;gap:9px;border:1px solid #243950;background:#0b1929;border-radius:7px;padding:11px;color:#a9bdd3;font-size:11px;cursor:pointer}.answer-option input{accent-color:#348dff}.answer-option>span{color:#6e8baa;font-weight:700}.answer-option.correct{border-color:#28765e;background:#103329;color:#8ce3c3}.answer-option.incorrect{border-color:#7c3d4a;background:#3b202b;color:#ffb4bf}.explanation{margin-top:10px;color:#9ab3cc;font-size:11px;line-height:1.6;background:#0e2032;padding:10px;border-radius:6px}.explanation strong{color:#cde4fb}.quiz-footer{display:flex;align-items:center;gap:13px;padding-top:18px}.quiz-footer span{font-size:10px;color:#8198b1}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-card{padding:20px}.admin-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#163858;color:#77c9ff;margin-bottom:15px}.admin-icon.purple{background:#30254b;color:#bea2ff}.admin-icon.green{background:#143a34;color:#71dcb6}.admin-icon.orange{background:#442e22;color:#ffc38a}.admin-card h3{font:600 15px Space Grotesk,sans-serif;margin:0 0 9px}.admin-card p{color:#8da3bc;line-height:1.7;font-size:11px;min-height:56px}.setup-status{display:inline-block;color:#f4c37e;background:#3d2e1c;border:1px solid #634a2b;padding:6px 8px;border-radius:5px;font-size:9px}.setup-status.ready{color:#7be0b4;background:#10382f;border-color:#22594b}.admin-notice{margin-top:16px;margin-bottom:0}.empty-state{padding:28px;text-align:center;color:#8da4bd;border:1px dashed #2a4058;border-radius:10px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020812c9;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-modal{position:relative;width:100%;max-width:410px;padding:28px;background:#0c1a2b;border:1px solid #2a4563;border-radius:15px;box-shadow:0 20px 80px #0007}.modal-close{position:absolute;right:15px;top:15px;background:transparent;border:0;color:#8fa6c0}.brand-mark.large{margin:0 auto 15px;width:48px;height:48px}.auth-modal h2{text-align:center;font:600 23px Space Grotesk,sans-serif;margin:0 0 7px}.auth-modal>p{text-align:center;color:#8fa5bd;font-size:11px;margin:0 0 22px}.auth-modal form label{display:block;color:#a9bdd1;font-size:10px;margin:13px 0 7px}.auth-modal form .primary-button{margin-top:18px}.full{width:100%}.auth-message{margin-top:12px;padding:10px;border:1px solid #28527b;background:#102b46;border-radius:7px;color:#a9d8ff;font-size:10px;line-height:1.6}.auth-note{margin-top:15px;color:#7189a4;font-size:10px;line-height:1.6;text-align:center}.notice{align-items:center}.nav-scrim{display:none}@media(min-width:1500px){.page-wrap{padding-left:44px;padding-right:44px}.hero-panel{min-height:300px}.hero-copy{padding:36px}.course-card{padding:20px}}@media(max-width:1150px){.sidebar{width:220px}.main-content{margin-left:220px}.page-wrap{padding:26px 24px 36px}.topbar{padding:0 24px}.stats-grid{gap:9px}.stat-card{padding:14px}.course-grid{gap:10px}.course-card{padding:14px}.hero-copy{width:68%;padding:25px}.network-art{left:55%}.bottom-grid,.lesson-layout{grid-template-columns:1fr}.tip-panel{display:none}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .25s;width:260px;box-shadow:20px 0 70px #0005}.sidebar.open{transform:translate(0)}.close-nav{display:grid!important}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0208129c;z-index:15;border:0}.main-content{margin-left:0}.mobile-menu{display:grid!important}.topbar{height:64px;padding:0 18px}.breadcrumb{flex:1;min-width:0}.top-actions{gap:8px}.search-box{width:180px}.page-wrap{padding:23px 18px 32px}.hero-panel{min-height:320px}.hero-copy{width:100%;padding:24px;align-self:flex-start}.network-art{top:90px;right:0;bottom:0;left:43%;opacity:.35}.hero-copy p{max-width:460px}.stats-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card:last-child:nth-child(odd){grid-column:span 2}.footer{padding:16px 18px}.subnet-layout{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>.primary-button{flex-shrink:0}}@media(max-width:520px){.topbar{gap:9px;padding:0 12px}.breadcrumb{font-size:10px;gap:4px}.breadcrumb svg{width:11px}.search-box{width:36px;padding:9px;justify-content:center;border:0;background:transparent}.search-box input{width:0;display:none}.search-box:focus-within{position:absolute;left:55px;right:12px;width:auto;background:#0b1a2c;border:1px solid #20354d;z-index:5}.search-box:focus-within input{display:block;width:100%}.account-button{font-size:0;padding:9px}.account-button svg{width:15px}.page-wrap{padding:21px 13px 28px}.page-heading{display:block;margin-bottom:19px}.page-heading>.primary-button{margin-top:14px}.page-heading h1{font-size:25px}.hero-panel{min-height:335px}.hero-copy{padding:19px}.hero-copy h2{font-size:27px}.hero-copy p{max-width:100%;font-size:11px}.network-art{top:125px;right:0;bottom:0;left:28%;opacity:.2}.hero-actions{gap:7px}.white-button,.outline-button,.primary-button{padding:10px 11px}.stats-grid{gap:8px}.stat-card{padding:12px}.stat-value{font-size:22px}.stat-label,.stat-detail{font-size:9px}.course-grid{grid-template-columns:1fr}.course-card:last-child:nth-child(odd){grid-column:auto}.course-card{padding:16px}.bottom-grid{gap:11px}.panel{padding:15px}.section-heading h3{font-size:14px}.section-heading p,.text-button{font-size:10px}.learning-banner{align-items:flex-start;padding:12px}.banner-count{font-size:8px}.banner-icon{flex-shrink:0}.detail-hero{padding:20px}.detail-hero h1{font-size:24px}.detail-meta{gap:10px;flex-wrap:wrap}.lesson-footer{align-items:flex-start;flex-direction:column}.tabs{width:100%;justify-content:space-between}.tabs button{padding:9px 8px;font-size:10px}.topology{gap:0}.topo-node{width:84px;min-height:80px}.topo-link{width:25px}.topo-clients{gap:7px;margin-left:0;margin-top:18px}.topo-clients:before{display:none}.result-grid{grid-template-columns:1fr 1fr}.result-cell{padding:10px}.result-cell strong{font-size:12px}.answer-options{grid-template-columns:1fr}.quiz-panel{padding:15px}.quiz-top h3{font-size:17px}.admin-grid{grid-template-columns:1fr}.admin-card p{min-height:0}.footer{font-size:9px;flex-direction:column;align-items:flex-start;gap:8px}.footer span:last-child{flex-wrap:wrap}.support-card{display:none}.page-heading .assessment-badge{display:inline-flex;margin-top:12px}}