:root{--bg:#f7f5f1;--card:#fff;--line:#e8e2d9;--text:#1f2937;--muted:#6b7280;--slate-code:#334155;--slate-code-top:#3c4b61;--slate-line:#506178}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 6px 20px #0f172a0a}.muted{color:var(--muted)}.pill{color:#5b6471;background:#f1ede7;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.grid{gap:20px;display:grid}.hero-title{letter-spacing:-.03em;margin:0;font-size:clamp(32px,5vw,54px);line-height:1.05}.section-title{letter-spacing:-.02em;margin:0;font-size:30px;line-height:1.1}.header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f5f1e0;border-bottom:1px solid #e8e2d9d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.nav-links{flex-wrap:wrap;gap:12px;display:flex}.nav-link{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-size:14px}.button-primary,.button-secondary{border-radius:18px;justify-content:center;align-items:center;padding:12px 18px;font-weight:600;display:inline-flex}.button-primary{color:#fff;background:#111827}.button-secondary{color:#374151;background:#f1ede7}.track-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.lesson-preview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.track-card{padding:22px}.meta-list{flex-wrap:wrap;gap:8px;display:flex}.layout-3col{grid-template-columns:260px minmax(0,1fr) 280px;gap:20px;display:grid}.sidebar,.rightbar{padding:20px}.article-section{padding:28px}.lesson-content h1,.lesson-content h2,.lesson-content h3{letter-spacing:-.02em;line-height:1.15}.lesson-content p{color:#374151;line-height:1.8}.lesson-content pre{background:var(--slate-code);color:#f8fafc;border-radius:0 0 22px 22px;margin:20px 0;padding:20px;font-size:14px;overflow-x:auto}.code-shell{background:var(--slate-code);border:1px solid #50617873;border-radius:24px;overflow:hidden}.code-shell-top{background:var(--slate-code-top);color:#dbe4ee;border-bottom:1px solid #50617873;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;display:flex}.copy-btn{color:#f8fafc;cursor:pointer;background:#ffffff0a;border:1px solid #dbe4ee2e;border-radius:12px;padding:8px 12px}.callout{border-radius:20px;margin:18px 0;padding:16px 18px}.callout-note{background:#eef6ff}.callout-task{background:#eefbf3}.callout-warning{background:#fff4df}.lesson-image{margin:20px 0}.lesson-image img{border:1px solid var(--line);background:#fff;border-radius:22px}.lesson-image figcaption{color:var(--muted);margin-top:10px;font-size:14px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.footer{color:var(--muted);padding:28px 0 48px}.home-hero{background:radial-gradient(circle at top right, #e8f2ffcc, transparent 36%), var(--card)}.home-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:20px;display:grid}.hero-side-card{border:1px solid var(--line);background:linear-gradient(#fbfbfa,#f2eee8);border-radius:22px;padding:22px}.admin-shell-grid{grid-template-columns:250px minmax(0,1fr);gap:20px;display:grid}.admin-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.admin-preview-grid{grid-template-columns:320px minmax(0,1fr);gap:20px;display:grid}.admin-input{border:1px solid var(--line);background:#f7f5f1;border-radius:18px;padding:14px 16px}.admin-input label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}@media (max-width:980px){.layout-3col,.home-hero-grid,.admin-shell-grid,.admin-two-col,.admin-preview-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;display:grid}.stat-card{padding:22px}.stat-value{letter-spacing:-.04em;margin-top:10px;font-size:34px;font-weight:700}.step-row{border:1px solid var(--line);background:#f7f5f1;border-radius:18px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.step-index{color:#fff;background:#111827;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.track-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start;gap:20px;display:grid}.inline-code{border:1px solid var(--line);background:#f7f5f1;border-radius:12px;align-items:center;padding:8px 10px;font-size:13px;display:inline-flex}@media (max-width:980px){.track-hero-grid,.stats-grid{grid-template-columns:1fr}}.schema-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 18px}