@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-canvas:#0d1117;--bg-surface:#161b22;--bg-elevated:#21262d;--bg-overlay:#2d333b;--border:#30363d;--border-muted:#21262d;--border-subtle:#1b1f24;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-inverse:#0d1117;--accent-blue:#0a66c2;--accent-blue-light:#388bfd;--accent-blue-subtle:#1f6feb26;--accent-green:#3fb950;--accent-green-subtle:#238636;--accent-green-muted:#1c3d28;--accent-orange:#d29922;--accent-purple:#8957e5;--accent-red:#f85149;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-blue:0 0 0 3px #388bfd4d;--container-max-width:1280px;--header-height:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;overflow-x:hidden}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:var(--accent-blue-light);text-decoration:none;transition:color .15s}a:hover{color:var(--text-primary)}ul{list-style:none}button,input,textarea,select{color:inherit;font-family:inherit}img,svg{display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;font-weight:600;line-height:1.25}code,pre,.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-overlay)}::selection{background:var(--accent-blue-subtle);color:var(--text-primary)}.container{width:100%;max-width:var(--container-max-width);min-width:0;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}@media (max-width:480px){.container{padding:0 .85rem}}.section{padding:80px 0;position:relative}@media (max-width:768px){.section{padding:56px 0}}.section-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.section-icon{width:28px;height:28px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.section-title{color:var(--text-primary);letter-spacing:0;font-size:1.1rem;font-weight:600}.section-count{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:0 8px;font-size:.75rem;line-height:18px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--accent-blue-light);box-shadow:var(--shadow-blue)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:.875rem;font-weight:500;font-family:var(--font-sans);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:5px 16px;line-height:20px;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-primary:hover{color:#fff;background:#0958a7;border-color:#0958a7}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border);color:var(--text-primary)}.btn-green{background:var(--accent-green-subtle);color:var(--accent-green);border-color:#3fb95066}.btn-green:hover{color:var(--accent-green);background:#2386364d}.badge{height:20px;font-size:.7rem;font-weight:500;font-family:var(--font-mono);white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.badge-blue{background:var(--accent-blue-subtle);color:var(--accent-blue-light);border-color:#388bfd66}.badge-green{color:var(--accent-green);background:#3fb95026;border-color:#3fb95066}.badge-orange{color:var(--accent-orange);background:#d2992226;border-color:#d2992266}.badge-purple{color:var(--accent-purple);background:#8957e526;border-color:#8957e566}.lang-ts{background:#3178c6}.lang-js{background:#f1e05a}.lang-react{background:#61dafb}.lang-python{background:#3572a5}.lang-node{background:#68a063}.lang-css{background:#563d7c}.lang-dart{background:#00b4ab}.divider{background:var(--border);height:1px;margin:0}:focus-visible{outline:2px solid var(--accent-blue-light);outline-offset:2px}