:root{--paper:#FAFAF7;--paper-dim:#F1F0EA;--ink:#24292E;--ink-soft:#5B6270;--editor:#1E1E2E;--editor-line:#2A2A3D;--blue:#4C6EF5;--green:#2F9E44;--amber:#F59F00;--border:#E3E1D8;--radius:8px;--maxw:1240px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.6;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none;margin:0;padding:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.mono{font-family:'JetBrains Mono',monospace}.site-header{background:var(--editor);color:#E8E8F0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:var(--maxw);margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-weight:800;font-size:19px}.brand img{height:32px}.brand .dot{color:var(--green)}.brand .cursor{display:inline-block;width:2px;height:16px;background:var(--blue);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.main-nav ul{display:flex;gap:26px}.main-nav a{font-size:13.5px;color:#B9BACD}.main-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:14px}.header-search{display:flex;align-items:center;gap:8px;background:var(--editor-line);border-radius:5px;padding:6px 12px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8A8CA3}.btn{padding:11px 20px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;display:inline-block;border:none;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-ghost{border:1.5px solid #3A3A54;color:#fff}.btn-dark{background:var(--editor);color:#fff}.hero{padding:72px 24px 56px;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center}.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.eyebrow::before{content:"// ";color:var(--ink-soft)}.hero h1{font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:800;line-height:1.14;letter-spacing:-.02em;margin:0 0 18px}.hero h1 .hl{color:var(--blue)}.hero p.lead{font-size:16px;color:var(--ink-soft);max-width:460px;margin-bottom:26px}.hero-ctas{display:flex;gap:12px;margin-bottom:34px}.hero-bullets{display:flex;flex-direction:column;gap:14px}.hero-bullets .item{display:flex;gap:12px;align-items:flex-start}.hero-bullets .ico{width:30px;height:30px;border-radius:6px;background:rgb(76 110 245 / .1);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.hero-bullets strong{display:block;font-size:14px}.hero-bullets span{font-size:12.5px;color:var(--ink-soft)}.hero-visual .code-panel{background:var(--editor);border-radius:10px;overflow:hidden;box-shadow:0 24px 48px -16px rgb(30 30 46 / .35)}.code-panel .bar{display:flex;gap:6px;padding:11px 14px;background:#181824}.code-panel .bar span{width:10px;height:10px;border-radius:50%}.code-panel .bar span:nth-child(1){background:#F76464}.code-panel .bar span:nth-child(2){background:#F5C744}.code-panel .bar span:nth-child(3){background:#3FC96B}.code-panel pre{padding:22px;font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.9;color:#B9BACD;overflow-x:auto}.code-panel .kw{color:#4C6EF5}.code-panel .str{color:#3FC96B}.code-panel .cm{color:#6B7089}.code-panel .fn{color:#F5C744}.section{padding:56px 24px;max-width:var(--maxw);margin:0 auto}.section-head{text-align:left;margin-bottom:32px}.section-head .kicker{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.section-head h2{font-family:'JetBrains Mono',monospace;font-size:27px;font-weight:800;margin:0 0 6px}.section-head p{color:var(--ink-soft);font-size:14.5px;max-width:520px}.section-head-row{display:flex;justify-content:space-between;align-items:flex-end}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature-card .ico{width:42px;height:42px;border-radius:9px;background:rgb(76 110 245 / .08);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.feature-card h3{font-family:'JetBrains Mono',monospace;font-size:15px;margin:0 0 8px}.feature-card p{font-size:13px;color:var(--ink-soft);margin:0}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.category-pills a{padding:8px 16px;border:1px solid var(--border);border-radius:30px;font-size:13px;background:#fff;font-weight:500}.category-pills a:hover{border-color:var(--blue);color:var(--blue)}.lang-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.lang-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:18px 14px;text-align:center;transition:transform .15s,box-shadow .15s}.lang-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgb(30 30 46 / .15);border-color:var(--blue)}.lang-card .glyph{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:800;margin-bottom:8px}.lang-card .name{font-size:12.5px;font-weight:600}.lang-card .count{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink-soft);margin-top:2px}.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.post-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.post-card .thumb{aspect-ratio:16/10;background:var(--editor);position:relative;overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.post-card .badge-free{position:absolute;top:10px;left:10px;background:var(--green);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;padding:4px 9px;border-radius:20px}.post-card .body{padding:16px}.post-card .cat{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--blue);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.post-card h3{font-family:'JetBrains Mono',monospace;font-size:15px;line-height:1.35;margin:0 0 10px}.post-card .meta{display:flex;gap:12px;font-size:11.5px;color:var(--ink-soft);border-top:1px solid var(--paper-dim);padding-top:10px}.ad-section{padding:0 24px;max-width:var(--maxw);margin:0 auto 56px}.ad-panel{background:var(--editor);border-radius:10px;overflow:hidden}.ad-panel .head{padding:9px 16px;background:#181824;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#6B7089;display:flex;justify-content:space-between}.ad-panel .slot{min-height:110px;display:flex;align-items:center;justify-content:center;padding:16px}.ad-panel .slot .widget{width:100%}.ad-panel .slot .placeholder{color:#4A4A63;font-family:'IBM Plex Mono',monospace;font-size:11px;border:1px dashed #34344A;border-radius:6px;padding:30px;text-align:center;width:100%}.stats{background:var(--editor);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:48px 24px;max-width:var(--maxw);margin:0 auto}.stat{text-align:center}.stat .num{font-family:'JetBrains Mono',monospace;font-size:32px;font-weight:800;color:var(--blue)}.stat .label{font-size:12.5px;color:#B9BACD;margin-top:4px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px}.testimonial-card p{font-size:13.5px;color:var(--ink-soft);margin-bottom:16px}.testimonial-who{display:flex;align-items:center;gap:10px}.testimonial-who img{width:36px;height:36px;border-radius:50%;object-fit:cover}.testimonial-who strong{display:block;font-size:13px}.testimonial-who span{font-size:11.5px;color:var(--ink-soft)}.newsletter{background:var(--paper-dim);border-radius:12px;padding:44px;text-align:center;max-width:var(--maxw);margin:0 auto 60px}.newsletter h2{font-family:'JetBrains Mono',monospace;font-size:24px;margin:0 0 8px}.newsletter p{color:var(--ink-soft);margin-bottom:22px}.newsletter form{display:flex;gap:10px;max-width:420px;margin:0 auto}.newsletter input[type=email]{flex:1;padding:12px 14px;border-radius:6px;border:1px solid var(--border);font-size:13.5px}.site-footer{background:var(--editor);color:#B9BACD;padding:56px 24px 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;max-width:var(--maxw);margin:0 auto 32px}.footer-grid .brand{color:#fff;margin-bottom:12px}.footer-grid p{font-size:13px;color:#8A8CA3}.footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:#8A8CA3;margin:0 0 14px}.footer-col li{margin-bottom:9px;font-size:13px}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #34344A;padding-top:20px;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#6B7089;max-width:var(--maxw);margin:0 auto}.lesson-layout{display:grid;grid-template-columns:220px 1fr 300px;gap:0;max-width:var(--maxw);margin:0 auto}.lesson-toc{padding:28px 16px;border-right:1px solid var(--border)}.lesson-toc .group-label{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 8px}.lesson-toc a{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 8px;border-radius:4px;color:var(--ink-soft)}.lesson-toc a.current{background:rgb(76 110 245 / .08);color:var(--blue);font-weight:600}.lesson-toc .dot{width:5px;height:5px;border-radius:50%;background:var(--border);flex-shrink:0}.lesson-content{padding:32px 40px;border-right:1px solid var(--border)}.lesson-content .eyebrow{margin-bottom:8px}.lesson-content h1{font-family:'JetBrains Mono',monospace;font-size:30px;font-weight:800;margin:0 0 10px}.lesson-meta{display:flex;gap:16px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-soft);margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.lesson-content .entry-content{font-size:15px}.lesson-content .entry-content p{margin-bottom:16px;color:#3A3F47}.lesson-content .entry-content h2{font-family:'JetBrains Mono',monospace;font-size:19px;font-weight:700;margin:28px 0 12px}.lesson-content .entry-content pre{background:var(--editor);color:#B9BACD;padding:16px;border-radius:6px;overflow-x:auto;font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.85}.lesson-content .entry-content code{font-family:'IBM Plex Mono',monospace;background:var(--paper-dim);padding:2px 6px;border-radius:4px;font-size:13px;color:#C2255C}.lesson-rail{padding:28px 16px}.rail-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:14px;margin-bottom:18px}.rail-card h3{font-family:'JetBrains Mono',monospace;font-size:12px;margin:0 0 10px;color:var(--ink-soft)}.sticky-ad{position:sticky;top:16px}@media(max-width:1000px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.lang-grid{grid-template-columns:repeat(3,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.lesson-layout{grid-template-columns:1fr}.lesson-toc,.lesson-rail{display:none}.lesson-content{border-right:none}.main-nav{display:none}}