@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#182238;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f5f7fb;--paper:#fff;--ink:#182238;--muted:#6b778d;--line:#e3e8f1;--accent:#5b5ce2;--accent-dark:#4849c6;--purple-soft:#ececff;--navy:#151d35;--shadow:0 12px 35px rgba(25,37,70,.045);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8586ff;outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;padding:0 clamp(15px,3vw,42px);background:#ffffffeb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.8px;color:var(--ink);white-space:nowrap}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:11px;font-size:17px;box-shadow:0 5px 12px #5b5ce233}.brand-accent{color:var(--accent)}.top-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#8994a8;padding-left:18px;border-left:1px solid var(--line);white-space:nowrap}.search-box{position:relative;max-width:560px;flex:1;margin:auto;display:flex;align-items:center;gap:10px;padding:0 12px;height:42px;background:#f8f9fc;border:1px solid var(--line);border-radius:12px;color:#8c97a9}.search-box:focus-within{border-color:#a8a8f6;box-shadow:0 0 0 3px #5b5ce214}.search-box input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:13px}.search-box input::placeholder{color:#9aa4b5}.search-box kbd{border:1px solid #e0e4ed;background:#fff;border-radius:5px;padding:1px 6px;font-size:11px}.clear-search{border:0;background:none;color:var(--muted);padding:3px;display:flex}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 4px 10px #5b5ce222}.button-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 6px 14px #5b5ce233}.button-light{background:#fff;color:#374158;border-color:var(--line)}.button-glass{background:#ffffff13;color:#fff;border-color:#ffffff31}.button-complete{background:#e0f7ed;color:#087a55}.header-home{font-size:11px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px;display:flex;align-items:center;justify-content:center}.mobile-menu{display:none}.app-body{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1700px;margin:auto}.sidebar{height:calc(100vh - 72px);position:sticky;top:72px;overflow-y:auto;padding:25px 15px 28px 20px;border-right:1px solid var(--line);background:#f9faff}.side-label{font-size:10px;letter-spacing:1.5px;font-weight:850;color:#9ba5b7;margin:22px 0 9px 10px;text-transform:uppercase}.side-label:first-child{margin-top:0}.nav-item{width:100%;border:0;background:transparent;color:#657187;padding:9px 10px;text-align:left;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;margin:2px 0;transition:background .15s,color .15s}.nav-item:hover{background:#eef0fa;color:var(--ink)}.nav-item.active{background:var(--purple-soft);color:var(--accent);font-weight:750}.nav-icon{width:27px;height:27px;flex-shrink:0;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center}.nav-item.active .nav-icon{background:var(--accent);border-color:var(--accent);color:#fff}.nav-icon.go{color:#087b77}.nav-icon.python{color:#8a6411}.nav-icon.markdown{color:#4e4fc9}.nav-icon.shell{color:#287b36}.nav-text{flex:1}.nav-count{font-size:10px;color:#9ba5b7}.sidebar-tip{margin:29px 5px 0;padding:14px;border-radius:13px;background:#eeefff;border:1px solid #e0e1ff}.sidebar-tip b{display:flex;align-items:center;gap:6px;font-size:12px}.sidebar-tip p{font-size:11px;line-height:1.55;color:#717b91;margin:7px 0 0}.mobile-scrim{display:none}.main-content{width:100%;max-width:1450px;min-width:0;margin:0 auto;padding:29px clamp(18px,3.2vw,50px) 50px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#9aa4b5;margin:0 0 18px}.breadcrumb span{color:#c2c8d3}.breadcrumb button{border:0;padding:0;background:none;color:#818da1;font-size:11px}.breadcrumb button:hover{color:var(--accent)}.hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:365px;border-radius:24px;background:linear-gradient(115deg,#151d35,#1b2444 70%,#27265c);color:#fff;padding:clamp(28px,4vw,55px);box-shadow:0 18px 45px #1c25420d}.hero-content{position:relative;z-index:2;max-width:610px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.5px;font-weight:850;color:#c4c5ff}.eyebrow.dark{color:#8283cf}.eyebrow-dot{width:6px;height:6px;background:#8ee4c2;border-radius:50%;box-shadow:0 0 0 4px #8ee4c21b}.hero h1,.page-title{font-family:Manrope,Inter,sans-serif;font-size:clamp(40px,5vw,62px);line-height:1.02;letter-spacing:-3px;margin:17px 0}.hero h1 span{color:#aaf}.hero p{font-size:14px;line-height:1.85;color:#c1c9dc;max-width:570px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.hero-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#aab5cc;margin-top:22px}.hero-orb{position:absolute;width:500px;height:500px;right:-115px;top:-175px;border-radius:50%;background:radial-gradient(circle,#6c6aff40 0%,#6c6aff0a 52%,transparent 70%)}.hero-illustration{position:absolute;right:3%;top:0;bottom:0;width:390px;pointer-events:none}.orbit{position:absolute;border:1px solid #ffffff16;border-radius:50%;width:310px;height:310px;top:22px;right:22px}.orbit-two{width:230px;height:230px;top:62px;right:62px;border-style:dashed}.code-window{position:absolute;top:90px;right:52px;width:265px;padding:13px 15px 15px;background:#0c1428;border:1px solid #ffffff25;border-radius:14px;box-shadow:0 20px 50px #070b1c77;transform:rotate(3deg)}.window-dots{display:flex;gap:5px;margin-bottom:16px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#f28d94}.window-dots i:nth-child(2){background:#f5c66c}.window-dots i:nth-child(3){background:#80dbac}.code-window code{font:12px/2 ui-monospace,monospace;color:#dfe6ff}.code-window code span{color:#a7a5ff}.code-window code em{color:#a4e5bd;font-style:normal}.code-success{margin-top:10px;padding-top:10px;border-top:1px solid #ffffff17;font-size:10px;color:#90e6b7}.float-card{position:absolute;display:flex;align-items:center;gap:9px;background:#ffffffed;color:#25304a;border:1px solid #ffffffaa;border-radius:12px;padding:10px 12px;box-shadow:0 12px 25px #090d1d30}.float-card b{display:block;font-size:10px}.float-card small{display:block;color:#8390a7;font-size:9px;margin-top:2px}.float-card-one{top:43px;right:3px;transform:rotate(-4deg)}.float-card-two{bottom:44px;right:15px;transform:rotate(3deg)}.mini-icon,.check-bubble{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eeefff;color:var(--accent);font-size:11px;font-weight:900}.check-bubble{background:#dff8ed;color:#087c59;border-radius:50%}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:19px 0 37px}.stat-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.stat-icon.purple{background:#efefff;color:#5b5ce2}.stat-icon.mint{background:#e2f8ee;color:#15815d}.stat-icon.amber{background:#fff2d6;color:#a16b13}.stat-card strong{display:block;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-1px;line-height:1.2}.stat-card small{display:block;font-size:10px;color:#8994a8;margin-top:4px}.section{margin:36px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.section-heading h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.8px;margin:6px 0 4px}.section-heading p{font-size:12px;color:#7f8ba0;margin:0}.text-button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--accent);font-size:11px;font-weight:750;padding:7px}.subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subject-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s;color:var(--ink)}.subject-card:hover{transform:translateY(-3px);border-color:#c3c4ff;box-shadow:0 15px 32px #1b28520d}.card-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.subject-symbol{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:17px;font-weight:900;flex-shrink:0}.subject-symbol.go{background:#d9f7f4;color:#087b77}.subject-symbol.python{background:#fff0c9;color:#8a6411}.subject-symbol.markdown{background:#e8e9ff;color:#4e4fc9}.subject-symbol.shell{background:#e1f6df;color:#287b36}.subject-symbol.large{width:65px;height:65px;font-size:22px;border-radius:17px}.subject-symbol.small{width:39px;height:39px;font-size:12px;border-radius:11px}.subject-symbol.tiny{width:24px;height:24px;font-size:9px;border-radius:7px}.level-pill,.chip{font-size:9px;font-weight:750;border:1px solid var(--line);padding:4px 8px;border-radius:99px;color:#79859a;white-space:nowrap}.subject-card h3{font-family:Manrope,sans-serif;font-size:18px;margin:14px 0 4px}.subject-card p{font-size:12px;line-height:1.65;color:#7a879c;min-height:39px;margin:0 0 13px}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.card-progress,.progress-track{height:5px;border-radius:99px;background:#eef0f6;overflow:hidden}.card-progress{margin-top:16px}.card-progress span,.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#5b5ce2,#9b8cff);border-radius:99px;transition:width .25s}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:13px;margin-top:12px;border-top:1px solid #f0f2f7;font-size:11px;font-weight:750;color:var(--accent)}.card-footer span{display:flex;align-items:center;gap:5px}.percent-badge{padding:6px 10px;background:#efefff;color:var(--accent);border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap}.progress-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.progress-panel-top,.progress-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.progress-panel-top b,.progress-row b{font-size:13px}.progress-panel-top p,.progress-row small{display:block;color:#8792a6;font-size:11px;margin:4px 0 0}.progress-panel-top>strong{font-size:21px}.progress-panel-top>strong small{display:inline;font-size:11px;color:#929db0}.progress-panel .progress-track{margin-top:16px;height:7px}.footer{border-top:1px solid var(--line);margin-top:43px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#919caf;font-size:10px}.footer button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#7c879a;padding:0;font-size:11px}.footer-dot{padding:0 4px;color:var(--accent)}.course-banner{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.course-banner-main{flex:1;min-width:0}.course-banner h1{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1.5px;margin:5px 0}.course-banner p{font-size:12px;color:#7b879c;margin:0}.official-link,.reference-actions a{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;white-space:nowrap}.course-progress{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 19px;margin:18px 0 29px}.progress-row{margin-bottom:12px}.progress-row strong{font-size:16px;white-space:nowrap}.progress-row strong span{font-size:11px;color:#8792a6;font-weight:500}.course-modules{margin-top:28px}.lesson-list{display:grid;gap:9px}.lesson-row{display:flex;align-items:start;gap:13px;width:100%;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;padding:15px;transition:border-color .15s,transform .15s}.lesson-row:hover{border-color:#c1c2ff;transform:translateY(-1px)}.lesson-number{width:33px;height:33px;display:grid;place-items:center;background:#f1f2f8;border-radius:10px;color:#7f8aa0;font-size:11px;font-weight:850;flex-shrink:0}.lesson-row.is-done .lesson-number{background:#e0f8ed;color:#13805c}.lesson-row-main{flex:1;min-width:0}.lesson-row-main>b{display:block;font-size:13px;margin:0 0 3px}.lesson-row-main>small{display:block;color:#7e8a9f;font-size:11px;line-height:1.55}.lesson-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.lesson-meta span{font-size:9px;color:#8a95a7;background:#f7f8fb;padding:3px 7px;border-radius:5px}.lesson-arrow{color:#9da6b7;margin:6px 0 0 8px}.reference-panel{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f0f0ff;border:1px solid #e0e1ff;border-radius:14px;padding:17px 19px;margin-top:25px}.reference-panel b{font-size:12px}.reference-panel p{font-size:11px;color:#737da0;margin:4px 0 0}.reference-actions{display:flex;gap:15px;flex-wrap:wrap}.reference-actions a{font-size:10px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:24px;align-items:start}.lesson-article{min-width:0;background:#fff;border:1px solid var(--line);border-radius:17px;padding:clamp(20px,3vw,38px);box-shadow:var(--shadow)}.lesson-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;font-weight:850;color:#7884a0}.lesson-article>h1{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,43px);letter-spacing:-1.7px;line-height:1.1;margin:17px 0 10px}.lesson-description{font-size:15px;color:#758198;margin:0}.lesson-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 28px}.lesson-tags span{font-size:9px;font-weight:700;color:#777f96;background:#f5f6fb;border:1px solid #eaedf4;border-radius:99px;padding:5px 9px}.markdown-body{font-size:13px;line-height:1.8;color:#4d596f;overflow-wrap:anywhere}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-family:Manrope,sans-serif;color:#202b41;line-height:1.3;letter-spacing:-.5px}.markdown-body h2{font-size:22px;margin:30px 0 10px}.markdown-body h3{font-size:17px;margin:24px 0 8px}.markdown-body p{margin:10px 0 15px}.markdown-body ul,.markdown-body ol{padding-left:23px}.markdown-body li{margin:5px 0}.markdown-body a{font-weight:650}.markdown-body p code,.markdown-body li code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#f0f1fa;color:#4d50bb;padding:2px 5px;border-radius:5px}.markdown-body pre{background:#10182b;color:#e2e9ff;border-radius:11px;padding:17px;overflow:auto;font-size:12px;line-height:1.7;margin:14px 0 18px}.markdown-body pre code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:none;color:inherit;padding:0}.markdown-body blockquote{border-left:3px solid var(--accent);background:#f6f6ff;padding:10px 15px;margin:17px 0;color:#5d6686}.markdown-body table{border-collapse:collapse;width:100%;font-size:12px;margin:15px 0}.markdown-body th,.markdown-body td{border:1px solid var(--line);padding:8px;text-align:left}.markdown-body th{background:#f7f8fc;color:#29354b}.markdown-body img{max-width:100%;height:auto}.knowledge-check{margin-top:30px;padding:20px;background:#fafaff;border:1px solid #e6e6ff;border-radius:14px}.knowledge-heading{display:flex;align-items:center;gap:10px}.quiz-icon{width:36px;height:36px;display:grid;place-items:center;background:#ececff;color:var(--accent);border-radius:11px}.knowledge-heading h2,.practice-box h2{font-family:Manrope,sans-serif;font-size:19px;margin:3px 0 0;letter-spacing:-.4px}.quiz-question{font-size:13px;font-weight:750;color:#303c53;margin:17px 0 11px}.quiz-options{display:grid;gap:7px}.quiz-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 11px;font-size:12px;color:#566279;cursor:pointer}.quiz-option:has(input:checked){border-color:#aaf;background:#f6f6ff}.quiz-option input{accent-color:var(--accent)}.option-letter{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#f2f3f8;font-size:10px;font-weight:800}.quiz-option.correct{border-color:#9dddc3;background:#f0fbf6}.quiz-option.incorrect{border-color:#f1b8ae;background:#fff5f3}.quiz-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.quiz-feedback{font-size:11px;font-weight:750}.quiz-feedback.success{color:#087c59}.quiz-feedback.retry{color:#a45e13}.practice-box{display:flex;align-items:start;gap:12px;padding:20px;margin-top:17px;background:#effaf5;border:1px solid #d4f1e4;border-radius:14px}.practice-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;background:#d9f5e8;color:#11815c;border-radius:11px}.practice-box .eyebrow{color:#28815f}.practice-box p{font-size:11px;color:#638778;margin:5px 0 10px}.practice-task{font-size:12px;line-height:1.7;color:#23664e;white-space:pre-wrap}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:21px}.lesson-rail{position:sticky;top:100px;display:grid;gap:12px}.rail-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.rail-card>b{display:block;margin-top:12px;font-size:13px}.rail-card>p{font-size:10px;color:#8792a6;margin:5px 0 12px}.rail-card .progress-track{margin:10px 0 14px}.rail-card a{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700}.rail-card ol{padding-left:18px;color:#79859a;font-size:10px;line-height:1.8}.rail-note{background:#fff7e8;border:1px solid #f4e8c8;border-radius:12px;padding:13px;color:#8c6c2c;font-size:10px;line-height:1.7}.page-title{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,46px);letter-spacing:-1.8px;line-height:1.1;margin:9px 0 10px}.page-subtitle{font-size:14px;color:#7a879c;margin:0 0 22px}.info-banner{display:flex;align-items:center;gap:9px;background:#f0f0ff;border:1px solid #e0e1ff;color:#5657a4;border-radius:11px;padding:12px 14px;font-size:11px;margin:18px 0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0 10px;font-size:10px;color:#7e8ba1}.editor-toolbar>span span{padding:0 4px;color:#b1b8c6}.editor-toolbar>div{display:flex;gap:7px}.playground-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.editor-pane,.preview-pane{min-width:0;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.pane-label{height:43px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#fbfcfe;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.1px;font-weight:850;color:#7e8ba0}.pane-dot{width:7px;height:7px;background:#5b5ce2;border-radius:50%}.preview-dot{background:#35b584}.editor-pane textarea{width:100%;height:430px;display:block;resize:vertical;border:0;outline:0;background:#11192c;color:#e0e8ff;padding:17px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;-moz-tab-size:2;tab-size:2}.preview-content{height:430px;overflow:auto;padding:17px}.preview-content .markdown-body{font-size:12px}.preview-content .markdown-body h1{font-size:26px}.preview-content .markdown-body h2{font-size:20px}.preview-content .markdown-body h3{font-size:16px}.preview-content .markdown-body pre{font-size:11px}.challenge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.challenge-card{display:flex;flex-direction:column;align-items:start;gap:6px;text-align:left;padding:17px;background:#fff;border:1px solid var(--line);border-radius:13px}.challenge-card:hover{border-color:#bdbdff}.challenge-card b{font-size:12px}.challenge-card span{font-size:11px;color:#7c879c}.search-results{display:grid;gap:9px}.search-result{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.search-result:hover{border-color:#c0c1ff}.search-result-content{flex:1;min-width:0}.search-result-content b,.search-result-content small,.search-result-content>span{display:block}.search-result-content b{font-size:13px}.search-result-content small{font-size:10px;color:var(--accent);margin:3px 0}.search-result-content>span{font-size:11px;color:#7c879b}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:45px 20px;background:#fff;border:1px dashed #d7dce7;border-radius:14px;color:#7d889d;text-align:center}.empty-state b{color:#354057}.empty-state p{font-size:12px;margin:0}.empty-state code{font-size:11px;background:#f1f2fa;padding:3px 5px;border-radius:4px}@media(min-width:1500px){.hero-illustration{right:7%}}@media(max-width:1200px){.hero-illustration{opacity:.75;right:-40px}.hero-content{max-width:560px}.lesson-layout{grid-template-columns:minmax(0,1fr) 180px;gap:15px}.top-label{display:none}}@media(max-width:980px){.app-body{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:10px}.hero-illustration{display:none}.hero-content{max-width:100%}.lesson-layout{grid-template-columns:1fr}.lesson-rail{display:none}.course-banner{flex-wrap:wrap}.official-link{margin-left:82px}.reference-panel{align-items:start;flex-direction:column}}@media(max-width:700px){.topbar{height:64px;padding:0 12px;gap:10px}.mobile-menu{display:flex}.brand{font-size:17px;gap:7px}.brand-mark{width:31px;height:31px}.header-home{display:none}.search-box{height:38px;padding:0 8px;gap:6px}.search-box input{font-size:11px}.search-box kbd{display:none}.app-body{display:block}.sidebar{display:none;position:fixed;z-index:25;top:64px;left:8px;bottom:8px;width:270px;height:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #18213a25}.sidebar.sidebar-open{display:block}.mobile-scrim{display:block;position:fixed;top:64px;right:0;bottom:0;left:0;z-index:24;border:0;background:#121a2b55}.main-content{padding:19px 13px 35px}.hero{padding:28px 21px;min-height:0;border-radius:18px}.hero h1{font-size:42px;letter-spacing:-2px}.hero p{font-size:12px}.hero-actions .button{font-size:11px;padding:9px 10px}.hero-note{font-size:9px}.stats-grid{gap:7px;margin:12px 0 29px}.stat-card{padding:10px;gap:7px;align-items:start;flex-direction:column}.stat-icon{width:30px;height:30px;border-radius:9px}.stat-card strong{font-size:19px}.stat-card small{font-size:9px}.section{margin:29px 0}.section-heading{align-items:start}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.subject-grid,.challenge-grid,.playground-grid{grid-template-columns:1fr}.subject-card{padding:16px}.subject-card p{min-height:0}.course-banner{padding:15px;gap:12px}.subject-symbol.large{width:51px;height:51px}.course-banner h1{font-size:27px}.course-banner p{font-size:11px}.official-link{margin-left:63px}.progress-row{align-items:start}.progress-row strong{font-size:13px}.progress-row strong span{display:block;margin-top:3px}.lesson-row{padding:12px;gap:9px}.lesson-number{width:29px;height:29px}.lesson-meta{gap:4px}.lesson-meta span{font-size:8px}.lesson-article{padding:19px 14px}.lesson-article>h1{font-size:31px;letter-spacing:-1.2px}.lesson-tags{margin-bottom:22px}.markdown-body h2{font-size:20px}.markdown-body pre{padding:12px;font-size:11px}.knowledge-check,.practice-box{padding:14px}.lesson-actions{justify-content:center}.lesson-actions .button{flex:1;padding:9px 8px;font-size:10px}.playground-grid .editor-pane textarea,.preview-content{height:300px}.editor-toolbar{align-items:start;flex-direction:column}.editor-toolbar>div{width:100%}.editor-toolbar .button{flex:1}.reference-actions{gap:12px}.footer{font-size:9px}.page-title{font-size:35px;letter-spacing:-1.3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}