:root{--bg-primary: #f8fafc;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(241, 245, 249, .95);--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(14, 165, 233, .4);--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--accent-cyan: #0284c7;--accent-indigo: #4f46e5;--accent-emerald: #059669;--glow-cyan: rgba(14, 165, 233, .12);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace}html[data-theme=dark]{--bg-primary: #0b0f19;--bg-card: rgba(17, 24, 39, .7);--bg-card-hover: rgba(30, 41, 59, .8);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(56, 189, 248, .3);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--accent-cyan: #38bdf8;--accent-indigo: #818cf8;--accent-emerald: #34d399;--glow-cyan: rgba(56, 189, 248, .15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;transition:background-color .25s ease,color .25s ease}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(circle at 15% 15%,rgba(14,165,233,.05) 0%,transparent 45%),radial-gradient(circle at 85% 65%,rgba(79,70,229,.05) 0%,transparent 45%),var(--bg-primary)}html[data-theme=dark] body{background:radial-gradient(circle at 15% 15%,rgba(56,189,248,.04) 0%,transparent 45%),radial-gradient(circle at 85% 65%,rgba(129,140,248,.04) 0%,transparent 45%),var(--bg-primary)}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-indigo)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem;width:100%}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#f8fafcd9;border-bottom:1px solid var(--border-color);transition:background-color .25s ease,border-color .25s ease}html[data-theme=dark] header{background-color:#0b0f19cc}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;height:4.5rem}.brand-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--text-main);letter-spacing:-.02em;white-space:nowrap}.brand-logo span.code-bracket{color:var(--accent-cyan);font-family:var(--font-mono)}.nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none}.nav-links a{color:var(--text-muted);font-weight:500;font-size:.95rem;transition:all .2s ease;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-links a.active:after{content:"";position:absolute;bottom:-.4rem;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-indigo));border-radius:2px}@media (max-width: 768px){.nav-wrapper{height:4rem}.container{padding:0 1rem}.nav-links{gap:.85rem}.nav-links a{font-size:.875rem}.nav-github{display:none}}@media (max-width: 520px){.brand-text{display:none}.nav-links{gap:.65rem}.nav-links a{font-size:.825rem}}.theme-toggle-btn{background:#0000000a;border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:.35rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}html[data-theme=dark] .theme-toggle-btn{background:#ffffff0d}.theme-toggle-btn:hover{border-color:var(--border-hover);transform:scale(1.08)}html[data-theme=dark] .sun-icon{display:inline}html[data-theme=dark] .moon-icon,html[data-theme=light] .sun-icon{display:none}html[data-theme=light] .moon-icon{display:inline}footer{margin-top:auto;border-top:1px solid var(--border-color);padding:3rem 0;background-color:#f1f5f999;transition:background-color .25s ease,border-color .25s ease}html[data-theme=dark] footer{background-color:#070a1299}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem}@media (min-width: 640px){.footer-content{flex-direction:row}}.footer-text{color:var(--text-dim);font-size:.9rem}.social-links{display:flex;gap:1.25rem}.social-icon{color:var(--text-muted);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:6px;background:#00000008;border:1px solid var(--border-color);transition:all .2s ease}html[data-theme=dark] .social-icon{background:#ffffff08}.social-icon:hover{color:var(--accent-cyan);border-color:var(--border-hover);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:500;font-family:var(--font-mono);background:#0ea5e91a;color:var(--accent-cyan);border:1px solid rgba(14,165,233,.2)}.badge.emerald{background:#0596691a;color:var(--accent-emerald);border-color:#05966933}.badge.indigo{background:#4f46e51a;color:var(--accent-indigo);border-color:#4f46e533}