@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap";:root{--bg:#06080c;--surface:#0c1017;--surface-elevated:#11161f;--heading:#e2e8f0;--text:#8892a4;--text-soft:#5a6478;--accent:#22d3ee;--accent-hover:#67e8f9;--accent-subtle:#22d3ee14;--accent2:#a78bfa;--accent3:#f472b6;--border:#ffffff0f;--border-hover:#ffffff1f;--code-bg:#080b12;--code-border:#ffffff0d;--header-bg:#06080cd1;--header-border:#ffffff0a;--card-hover:#ffffff04;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow:0 4px 24px #0000004d}[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface-elevated:#f1f5f9;--heading:#0f172a;--text:#475569;--text-soft:#94a3b8;--accent:#0891b2;--accent-hover:#0e7490;--accent-subtle:#0891b214;--accent2:#7c3aed;--accent3:#db2777;--border:#0f172a14;--border-hover:#0f172a29;--code-bg:#f1f5f9;--code-border:#0f172a0f;--header-bg:#f8fafcd9;--header-border:#0f172a0a;--card-hover:#0f172a04;--shadow:0 4px 24px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:60px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.65;transition:background .3s,color .3s}::selection{background:var(--accent-subtle);color:var(--heading)}code,pre{font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:.85em}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.35s both fadeUp}.stagger-item{animation:.3s both fadeUp}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .3s,background .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#22d3ee05 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.glass-card:hover{background:var(--card-hover);border-color:#22d3ee26;transform:translateY(-2px);box-shadow:0 8px 32px #0003,0 0 40px #22d3ee05}.glass-card:hover:before{opacity:1}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);color:#e2e8f0;padding:16px 20px;font-size:13px;line-height:1.7;position:relative;overflow-x:auto}.code-block:hover{border-color:var(--border)}.code-block .copy-btn{cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text-soft);opacity:0;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px;transition:opacity .2s;position:absolute;top:8px;right:8px}.code-block:hover .copy-btn{opacity:1}.code-block .copy-btn:hover{background:var(--card-hover);color:var(--heading)}.code-keyword{color:#ff7b72}.code-string{color:#67e8f9}.code-number{color:#fbbf24}.code-comment{color:#5a6478;font-style:italic}.code-operator{color:#ffa657}.bg-base{z-index:-5;background:var(--bg);position:fixed;inset:0}.bg-glow{z-index:-4;pointer-events:none;background:radial-gradient(900px at 15% 5%,#22d3ee0f 0%,#0000 60%),radial-gradient(600px at 85% 80%,#a78bfa0a 0%,#0000 50%),radial-gradient(400px,#f472b605 0%,#0000 40%);animation:20s ease-in-out infinite alternate ambient;position:fixed;inset:0}@keyframes ambient{0%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:.5;transform:scale(.98)}}.bg-grid{z-index:-3;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 70%,#000 20%,#0000 70%)}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 40%, var(--accent3) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite shift}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.progress-bar{z-index:200;background:linear-gradient(90deg, var(--accent), var(--accent2), var(--accent3));height:2px;transition:width .1s linear;position:fixed;top:0;left:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}kbd{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;display:inline-block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=640px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}.glass-card{border-radius:var(--radius)}.code-block{padding:12px 14px;font-size:12px}}@media (pointer:coarse){a,button{cursor:default}}@media print{header,footer,.bg-base,.bg-glow,.bg-grid,.progress-bar,.copy-btn{display:none!important}body{color:#000!important;background:#fff!important}}