@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:#0a0b12;--surface:#0f111a;--surface-elevated:#151726;--heading:#e2e8f0;--text:#8892a4;--text-soft:#5a6478;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-subtle:#38bdf81a;--accent2:#f472b6;--accent3:#a78bfa;--border:#ffffff0f;--border-hover:#ffffff1f;--code-bg:#0b0c15;--code-border:#ffffff0d;--header-bg:#0a0b12d1;--header-border:#ffffff0a;--card-hover:#ffffff04;--radius:8px;--radius-sm:6px;--radius-lg:12px}[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface-elevated:#f1f5f9;--heading:#0f172a;--text:#475569;--text-soft:#94a3b8;--accent:#0284c7;--accent-hover:#0369a1;--accent-subtle:#0284c714;--accent2:#d946ef;--accent3:#7c3aed;--border:#0f172a14;--border-hover:#0f172a29;--code-bg:#f1f5f9;--code-border:#0f172a0f;--header-bg:#f8fafcd9;--header-border:#0f172a0a;--card-hover:#0f172a04}*,: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,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:hover{border-color:var(--border-hover);background:var(--card-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.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 .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:#a5d6ff}.code-number{color:#fbbf24}.code-comment{color:#5a6478;font-style:italic}.code-operator{color:#ffa657}.code-builtin{color:#67e8f9}.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 20% 10%,#38bdf80f 0%,#0000 60%),radial-gradient(600px at 80% 85%,#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 shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.progress-bar{z-index:200;background:linear-gradient(90deg, var(--accent), var(--accent2));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}}