@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Code+Pro:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg:#0b0f0d;--bg-2:#111714;--panel:#ffffff0b;--panel-strong:#ffffff13;--text:#f4fff9;--muted:#9ca9a1;--soft:#d9e7df;--line:#ffffff1a;--line-strong:#3ecf8e57;--green:#3ecf8e;--green-strong:#00c573;--violet:#7c6cff;--violet-soft:#7c6cff2e;--shadow:#0000006b}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;color:var(--text);font-feature-settings:"cv01", "ss03";background:radial-gradient(circle at 18% 0,#3ecf8e38,#0000 29rem),radial-gradient(circle at 88% 12%,#7c6cff38,#0000 31rem),linear-gradient(#0b0f0d 0%,#101612 52%,#080b0a 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000000bf,#0000 72%)}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}p{color:var(--muted);margin:0;line-height:1.65}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 72px}.page-shell--narrow{width:min(960px,100% - 32px)}.app-chrome{z-index:10;backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;margin:0 auto 42px;padding:12px 0;display:flex;position:sticky;top:0}.brand-lockup{color:var(--soft);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--green);background:linear-gradient(135deg,#3ecf8e38,#7c6cff29);border-radius:11px;place-items:center;font-family:Source Code Pro,ui-monospace,monospace;font-size:.86rem;display:grid;box-shadow:0 0 34px #3ecf8e24}.nav-pill,.page-nav a,.view-all-link{border:1px solid var(--line);color:var(--soft);background:#ffffff09;border-radius:999px;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.nav-pill{padding:9px 14px}.page-nav{margin-bottom:28px}.page-nav a{padding:9px 14px}.hero-panel{border:1px solid var(--line);box-shadow:0 24px 80px var(--shadow), inset 0 1px 0 #ffffff14;background:linear-gradient(135deg,#3ecf8e1f,#0000 36%),linear-gradient(155deg,#7c6cff29,#0000 44%),#ffffff0a;border-radius:32px;margin-bottom:28px;position:relative;overflow:hidden}.hero-panel:after{content:"";background:radial-gradient(circle,#3ecf8e38,#0000 68%);border-radius:50%;width:430px;height:430px;position:absolute;bottom:-150px;right:-110px}.hero-content{z-index:1;gap:28px;padding:clamp(28px,6vw,64px);display:grid;position:relative}.eyebrow{border:1px solid var(--line-strong);width:fit-content;color:var(--green);letter-spacing:.08em;text-transform:uppercase;background:#3ecf8e14;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:7px 11px;font-family:Source Code Pro,ui-monospace,monospace;font-size:.72rem;font-weight:600;display:inline-flex}.hero-title{max-width:850px;color:var(--text);letter-spacing:-.075em;margin:0 0 16px;font-size:clamp(3.2rem,12vw,7.3rem);line-height:.86}.hero-title--large{font-size:clamp(3rem,10vw,6.2rem)}.hero-lede{color:#b8c6be;max-width:680px;font-size:clamp(1.03rem,2vw,1.22rem)}.hero-meta-grid{gap:12px;margin-top:10px;display:grid}.stat-card,.topic,.lesson-list-card,.empty-card,.side-card{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px #ffffff0f}.stat-card{border-radius:18px;padding:16px}.stat-card small,.lesson-list-card small,.topic-kicker{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-family:Source Code Pro,ui-monospace,monospace;font-size:.72rem;font-weight:600;display:block}.stat-card strong{color:var(--text);letter-spacing:-.04em;margin-top:8px;font-size:1.25rem;display:block}.topic-grid{gap:16px;display:grid}.topic{border-radius:26px;padding:22px;position:relative;overflow:hidden}.topic:before{content:"";background:linear-gradient(90deg, var(--green), var(--violet));opacity:.8;height:3px;position:absolute;inset:0 0 auto}.topic-title{justify-content:space-between;align-items:flex-start;gap:16px;margin:10px 0;display:flex}.topic-title a{color:var(--text);letter-spacing:-.055em;font-size:clamp(1.6rem,5vw,2.35rem);font-weight:750;line-height:.95}.topic-title span,.count-pill{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:999px;flex:none;padding:7px 10px;font-size:.82rem;font-weight:600}.lesson-list-wrap{flex-direction:column;gap:12px;margin-top:18px;display:flex}.lesson-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson-list-card,.empty-card{border-radius:18px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:block}.lesson-list-card:hover{border-color:var(--line-strong);background:var(--panel-strong);color:inherit;transform:translateY(-2px)}.lesson-list-card small{color:var(--violet);margin-bottom:8px}.lesson-list-card strong{color:var(--text);letter-spacing:-.02em;margin-bottom:6px;font-size:1.04rem;display:block}.lesson-list-card span,.empty-card{color:var(--muted);line-height:1.5}.view-all-link{color:var(--green);align-self:flex-start;padding:9px 13px}.topic-layout{gap:22px;display:grid}.side-card{border-radius:24px;padding:20px}.side-card h2{letter-spacing:-.02em;margin:0 0 10px;font-size:1rem}.side-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.side-list li{color:var(--muted);line-height:1.45}.shiki{border:1px solid var(--line);border-radius:14px;max-width:100%;padding:16px 20px;overflow-x:auto}@media (width>=720px){.page-shell{padding-top:34px}.hero-content{grid-template-columns:minmax(0,1fr) 280px;align-items:end}.hero-meta-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.topic-sidebar{position:sticky;top:86px}}@media (width<=640px){.app-chrome{margin-bottom:24px;position:static}.nav-pill{display:none}.topic-title{display:block}.topic-title span{margin-top:14px;display:inline-flex}}