@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#07111f;--panel:#0d2035;--panel2:#102940;--line:#23445f;--text:#eff8ff;--muted:#adc3d7;--cyan:#38d9ff;--blue:#05aefa;--green:#6bf4c0;--max:1170px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.shell{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.header{position:sticky;top:0;z-index:40;background:#071323eF;border-bottom:1px solid #1a3a52;backdrop-filter:blur(15px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px}.brand{font-size:1.08rem;font-weight:900;letter-spacing:.045em;white-space:nowrap}.brand em{font-style:normal;color:var(--cyan)}.brand-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--cyan);font-size:2rem;vertical-align:middle;margin-right:12px}.nav{display:flex;gap:22px;align-items:center}.nav a{font-size:.9rem;color:var(--muted);font-weight:600}.nav a:hover,.nav a[aria-current=page]{color:var(--cyan)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:1.4rem;padding:3px 10px}.hero-glow{background:radial-gradient(ellipse at 78% 24%,#103a54 0%,#0a2134 28%,#07111f 68%);position:relative;overflow:hidden}.hero{padding:100px 0 90px;position:relative}.hero h1{font-size:clamp(2.75rem,5.3vw,5.6rem);line-height:1.07;letter-spacing:-.055em;margin:18px 0}.hero h1 span,.section h2 span,.page-top h1 span{color:var(--cyan)}.hero p,.lead{max-width:680px;font-size:1.13rem;color:var(--muted)}.eyebrow{color:var(--cyan);font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.button{border:1px solid #3182a1;color:var(--text);padding:12px 20px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:6px;cursor:pointer;font:700 .93rem Inter,system-ui,sans-serif;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00bbff24}.button.primary{background:linear-gradient(110deg,#3ce6ff,#00aeef);color:#001525;border-color:transparent}.button.secondary{background:#0d2236}.stats{display:flex;gap:25px;margin-top:44px;color:var(--muted);font-size:.93rem;flex-wrap:wrap}.stats b{color:var(--cyan)}.section{padding:78px 0}.section.compact{padding-top:26px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:25px}.section-heading p{max-width:390px;color:var(--muted);margin:0}.section h2,.lesson-panel h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:10px 0 18px;letter-spacing:-.035em}.lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.lab-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(155deg,#112f4a,#0b1d30);border:1px solid #2a526c;border-radius:15px;padding:24px;min-height:285px;transition:transform .22s,box-shadow .22s,border-color .22s}.lab-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 12px 35px #00caff22}.lab-card h3{font-size:1.23rem;line-height:1.3;margin:14px 0 7px}.lab-card p{margin:0 0 20px;color:var(--muted);font-size:.91rem}.lab-card .tiny{color:#78bbd4;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.lab-icon{font-size:2.2rem;color:var(--cyan);width:55px;height:55px;border:1px solid #2c7896;display:grid;place-items:center;border-radius:12px;background:#0a3248}.action{margin-top:auto;color:var(--cyan);font-weight:800}.search-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:#0c2134;padding:10px 16px;margin:15px 0 24px}.search-wrap span{font-size:1.5rem;color:var(--cyan)}.search-wrap input{background:transparent;border:0;color:var(--text);outline:none;width:100%;font:inherit}.search-wrap input::placeholder{color:#8ba5b9}.empty{color:var(--muted)}.feature{padding:36px;border-radius:17px;background:linear-gradient(135deg,#112a43,#08192b);border:1px solid var(--line);display:flex;justify-content:space-between;gap:35px;align-items:center}.feature p{max-width:650px;color:var(--muted)}.topology{min-width:230px;display:grid;text-align:center;gap:7px}.topology div{background:#0b3248;border:1px solid #31718a;border-radius:8px;padding:10px;font-weight:700;font-size:.84rem}.topology span{color:var(--cyan)}.footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:.82rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer a{color:var(--cyan)}.page-top{padding-top:70px;padding-bottom:30px}.page-top h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.055em;line-height:1.12;margin:16px 0}.breadcrumb{color:var(--cyan);font-size:.85rem;font-weight:700}.subject-head{display:flex;gap:27px;align-items:center}.subject-symbol{font-size:3rem;color:var(--cyan);border:1px solid var(--line);border-radius:16px;background:#0d2b40;min-width:90px;height:90px;display:grid;place-items:center}.notice{margin-top:25px;padding:17px 20px;background:#102e3b;border-left:3px solid var(--cyan);color:#cce6f5;border-radius:8px}.lesson-list{display:grid;gap:11px}.lesson-card{display:flex;align-items:center;gap:24px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:21px;transition:background .18s}.lesson-card:hover{background:#12304c}.lesson-num{font-size:1.45rem;font-weight:900;color:var(--cyan);min-width:42px}.lesson-card strong{display:block;font-size:1.1rem}.lesson-card small{display:block;color:var(--muted);margin-top:3px;line-height:1.5}.lesson-card .arrow{font-size:1.4rem;color:var(--cyan);margin-left:auto}.lesson-progress{margin-top:25px;height:6px;background:#16334b;border-radius:100px;max-width:580px;overflow:hidden}.lesson-progress span{display:block;background:linear-gradient(90deg,var(--blue),var(--green));height:100%}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:30px;padding-bottom:80px}.lesson-body{min-width:0}.lesson-panel{border:1px solid var(--line);background:linear-gradient(150deg,#0e243a,#0b1b2c);padding:30px;border-radius:14px;margin-bottom:20px}.lesson-panel h2{font-size:1.65rem}.lesson-panel p{color:#c6d9e8}.lesson-panel p:last-child{margin-bottom:0}.lesson-panel.practice{border-left:3px solid var(--cyan)}.lesson-aside .sticky{position:sticky;top:107px;background:#0b2134;border:1px solid var(--line);border-radius:13px;padding:20px}.sticky h3{margin:0 0 14px}.aside-link{display:block;padding:10px 12px;font-size:.82rem;color:var(--muted);border-radius:8px;line-height:1.45}.aside-link span{color:var(--cyan);margin-right:5px}.aside-link.current,.aside-link:hover{background:#123b53;color:white}.aside-note{border-top:1px solid var(--line);color:var(--muted);font-size:.76rem;padding-top:14px;margin-top:15px}.quiz fieldset{border:0;margin:0;padding:0}.quiz legend{font-weight:700;font-size:1rem;margin-bottom:16px}.quiz-option{display:flex;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:9px;margin:8px 0;cursor:pointer;background:#092137}.quiz-option:hover{border-color:#45bce3}.quiz-option input{accent-color:#38d9ff;width:18px;height:18px}.quiz .button{margin-top:16px}.quiz-feedback{font-weight:700;min-height:28px}.quiz-feedback.good{color:var(--green)}.quiz-feedback.bad{color:#ffbc99}.lesson-nav{display:flex;justify-content:space-between;gap:14px}.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:40px;align-items:center}.server-art{min-height:310px;display:flex;flex-direction:column;justify-content:center;gap:7px;position:relative;perspective:600px;filter:drop-shadow(0 15px 30px #00baff22)}.server{transform:rotateY(-11deg) rotateX(5deg);height:67px;border:1px solid #3ba4bf;background:linear-gradient(115deg,#09131f,#173f58 50%,#071320);box-shadow:inset 0 0 15px #00baff19,0 6px 18px #000b;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:6px}.server span{color:#59e2aa;font-size:.67rem;letter-spacing:.17em}.server b{font-size:.76rem;letter-spacing:.1em;color:#c3f2ff}.server-b{margin-left:14px}.server-c{margin-left:27px}.halo{position:absolute;inset:0;background:radial-gradient(ellipse,#0ac9ff25,transparent 62%);animation:glow 4s ease-in-out infinite alternate}.signal{text-align:center;color:var(--cyan);font-size:.84rem;margin-top:24px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.badges span{padding:5px 10px;border:1px solid #2a536f;border-radius:100px;background:#12324a;font-size:.77rem;color:#cce7f6}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.project-card{background:#0d2237;border:1px solid var(--line);border-radius:13px;padding:22px;display:flex;flex-direction:column;transition:transform .18s}.project-card:hover{transform:translateY(-3px);border-color:var(--cyan)}.project-card .project-icon{color:var(--cyan);font-size:2rem}.project-card h3{font-size:1.1rem;margin:12px 0 6px}.project-card p{font-size:.85rem;color:var(--muted);margin:0 0 20px}.project-card span{margin-top:auto;color:var(--cyan);font-size:.85rem;font-weight:700}.center-action{text-align:center;margin-top:26px}.info-tile{max-width:390px;background:#0b1d2d;border-left:3px solid var(--cyan);padding:20px;border-radius:6px}.skill-badges span{font-size:.9rem;padding:9px 14px}@keyframes glow{to{opacity:.35;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:1050px){.lab-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.server-art{max-width:600px}.lesson-layout{grid-template-columns:1fr}.lesson-aside{display:none}}@media(max-width:720px){.header-inner{min-height:65px}.brand{font-size:.92rem}.brand-icon{font-size:1.4rem;margin-right:6px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:65px;background:#081725;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;align-items:stretch;gap:13px}.nav.open{display:flex}.hero{padding:70px 0 65px}.section{padding:55px 0}.section-heading{display:block}.section-heading p{margin-top:8px}.feature{display:block;padding:25px}.topology{margin-top:25px}.lab-grid,.project-grid{grid-template-columns:1fr}.lab-card{min-height:230px}.subject-head{align-items:start;gap:12px}.subject-symbol{min-width:58px;height:58px;font-size:2rem}.lesson-panel{padding:21px}.lesson-nav{flex-wrap:wrap}.footer-inner{display:block}.server-art{min-height:270px}.server{padding:0 10px}.server b{font-size:.6rem}}[hidden]{display:none!important}