@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root,[data-theme=terminal]{--bg-primary:#0a0e14;--bg-secondary:#0d1117;--bg-card:#0d1117bf;--bg-glass:#0d111780;--text-primary:#c9d1d9;--text-secondary:#8b949e;--text-muted:#525a63;--accent-primary:#00ff41;--accent-secondary:#39d353;--accent-tertiary:#00d4ff;--accent-warn:#f0883e;--gradient-primary:linear-gradient(135deg,#00ff41,#00d4ff);--gradient-secondary:linear-gradient(135deg,#00d4ff,#00ff41);--gradient-glow:linear-gradient(135deg,#00ff4114,#00d4ff14);--border-subtle:#00ff411f;--border-glow:#00ff414d;--glass-blur:20px;--glass-bg:#0d111799;--font-heading:"JetBrains Mono","Fira Code",monospace;--font-body:"Fira Code","JetBrains Mono",monospace;--font-accent:"Inter",sans-serif;--section-padding:120px 0;--container-width:1200px;--container-padding:0 24px;--ease-spring:cubic-bezier(.22,1,.36,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--shadow-card:0 8px 32px #0006;--shadow-glow:0 0 30px #00ff411a;--selection-bg:#00ff4133;--scrollbar-thumb:#00ff41;--cursor-color:#00ff41}[data-theme=cyberpunk]{--bg-primary:#06070d;--bg-secondary:#0c0e1a;--bg-card:#0f1223a6;--bg-glass:#0f122373;--text-primary:#f0f0f5;--text-secondary:#a0a3b8;--text-muted:#6b6f8a;--accent-primary:#8b5cf6;--accent-secondary:#a78bfa;--accent-tertiary:#06b6d4;--accent-warn:#ec4899;--gradient-primary:linear-gradient(135deg,#8b5cf6,#06b6d4);--gradient-secondary:linear-gradient(135deg,#ec4899,#8b5cf6);--gradient-glow:linear-gradient(135deg,#8b5cf61a,#06b6d41a);--border-subtle:#8b5cf626;--border-glow:#8b5cf659;--glass-bg:#0f12238c;--shadow-glow:0 0 30px #8b5cf61f;--selection-bg:#8b5cf64d;--scrollbar-thumb:#8b5cf6;--cursor-color:#8b5cf6}[data-theme=light]{--bg-primary:#fafbfc;--bg-secondary:#f0f2f5;--bg-card:#ffffffd9;--bg-glass:#fff9;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-muted:#8888a0;--accent-primary:#0969da;--accent-secondary:#2188ff;--accent-tertiary:#0891b2;--accent-warn:#d97706;--gradient-primary:linear-gradient(135deg,#0969da,#0891b2);--gradient-secondary:linear-gradient(135deg,#0891b2,#0969da);--gradient-glow:linear-gradient(135deg,#0969da0f,#0891b20f);--border-subtle:#0969da26;--border-glow:#0969da4d;--glass-bg:#ffffffb3;--shadow-card:0 4px 20px #00000014;--shadow-glow:0 0 20px #0969da1a;--selection-bg:#0969da33;--scrollbar-thumb:#0969da;--cursor-color:#0969da}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s var(--ease-smooth),color .4s var(--ease-smooth);font-size:14px;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{opacity:.8}::selection{background:var(--selection-bg);color:var(--text-primary)}.container{max-width:var(--container-width);padding:var(--container-padding);width:100%;margin:0 auto}.section{padding:var(--section-padding);position:relative}.sectionHeader{text-align:center;margin-bottom:64px}.sectionLabel{font-family:var(--font-heading);letter-spacing:2px;text-transform:none;color:var(--accent-primary);margin-bottom:12px;font-size:.8rem;font-weight:500;display:inline-block}.sectionLabel:before{content:"// ";opacity:.5}.sectionTitle{color:var(--text-primary);margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700}.sectionSubtitle{font-family:var(--font-accent);color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem}.gradientText{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.codeComment{color:var(--text-muted);font-family:var(--font-heading);font-size:.8rem;font-weight:400}.codeBracket{color:var(--accent-primary);font-family:var(--font-heading);opacity:.6}.lineNumber{color:var(--text-muted);font-family:var(--font-heading);opacity:.4;-webkit-user-select:none;user-select:none;min-width:24px;font-size:.75rem;display:inline-block}.glassCard{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:12px;transition:border-color .3s,box-shadow .3s,background .4s}.glowOrb{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;transition:background .5s;position:absolute}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}[data-theme=light] body:before{opacity:.08}@media (max-width:768px){:root,[data-theme=terminal],[data-theme=cyberpunk],[data-theme=light]{--section-padding:80px 0}body{font-size:13px}}@media (max-width:480px){:root,[data-theme=terminal],[data-theme=cyberpunk],[data-theme=light]{--section-padding:60px 0;--container-padding:0 16px}}