:root,html.dark{--bg-color: #080c14;--card-bg: rgba(18, 24, 40, .75);--panel-border: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .08);--text-main: #f1f5f9;--text-heading: #ffffff;--text-body: #cbd5e1;--text-muted: #94a3b8;--header-bg: rgba(8, 12, 20, .85);--footer-bg: rgba(12, 17, 32, .6);--nav-hover-bg: rgba(255, 255, 255, .06);--hero-gradient: linear-gradient(135deg, #ffffff, #94a3b8);--accent-orange: #f97316;--accent-orange-dark: #ea580c;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--code-bg: #0f172a;--code-inline-bg: rgba(255, 255, 255, .08);--code-inline-color: #38bdf8;--card-shadow: 0 12px 30px rgba(0, 0, 0, .4);--card-img-border: rgba(255, 255, 255, .08)}html.light{--bg-color: #f8fafc;--card-bg: #ffffff;--panel-border: rgba(0, 0, 0, .08);--border-color: rgba(0, 0, 0, .08);--text-main: #0f172a;--text-heading: #0f172a;--text-body: #334155;--text-muted: #64748b;--header-bg: rgba(248, 250, 252, .85);--footer-bg: rgba(241, 245, 249, .8);--nav-hover-bg: rgba(0, 0, 0, .04);--hero-gradient: linear-gradient(135deg, #0f172a, #475569);--code-bg: #1e293b;--code-inline-bg: rgba(0, 0, 0, .06);--code-inline-color: #0284c7;--card-shadow: 0 10px 25px rgba(0, 0, 0, .05);--card-img-border: rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;transition:background .2s ease,border-color .2s ease}.header-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-heading)}.brand-name{font-weight:800;font-size:1.15rem;letter-spacing:-.02em;white-space:nowrap;color:var(--text-heading)}.blog-tag{font-size:.75rem;font-weight:700;background:#f9731626;color:var(--accent-orange);padding:.15rem .5rem;border-radius:9999px;border:1px solid rgba(249,115,22,.3);text-transform:uppercase;flex-shrink:0}.site-nav{display:flex;align-items:center;gap:1.5rem}.site-nav a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.site-nav a:hover,.site-nav a.active{color:var(--text-heading)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:.5rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-heading);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;padding:0}.theme-toggle-btn:hover{background:var(--nav-hover-bg)}.theme-toggle-btn-mobile{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-radius:.5rem;background:var(--nav-hover-bg);border:1px solid var(--border-color);color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer}.btn-dashboard{background:linear-gradient(90deg,var(--accent-orange-dark),var(--accent-orange))!important;color:#fff!important;font-weight:700!important;padding:.45rem 1rem;border-radius:.5rem;box-shadow:0 4px 14px #ea580c59}.mobile-menu-btn{display:none;background:var(--nav-hover-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.45rem;color:var(--text-main);cursor:pointer;transition:background .2s ease}.mobile-menu-btn:hover{background:var(--nav-hover-bg)}.mobile-menu-btn svg{pointer-events:none}.mobile-nav{display:none;flex-direction:column;gap:.5rem;padding-top:1rem;margin-top:.75rem;border-top:1px solid var(--border-color);background:var(--bg-color)}.mobile-nav.is-open{display:flex!important}.mobile-nav a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;padding:.6rem .8rem;border-radius:.5rem;transition:background .2s ease,color .2s ease}.mobile-nav a:hover,.mobile-nav a.active{color:var(--text-heading);background:var(--nav-hover-bg)}.btn-dashboard-mobile{background:linear-gradient(90deg,var(--accent-orange-dark),var(--accent-orange))!important;color:#fff!important;font-weight:700!important;text-align:center;margin-top:.5rem}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.site-header{padding:.85rem 1rem}.site-main{padding:2rem 1rem}}.site-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:3rem 1.5rem}.site-footer{border-top:1px solid var(--border-color);padding:2.5rem 1.5rem;background:var(--footer-bg);margin-top:auto;transition:background .2s ease,border-color .2s ease}.footer-container{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--text-muted)}.footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-heading)}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--text-heading)}.markdown-body pre{background:var(--code-bg)!important;border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;font-family:var(--font-mono);font-size:.875rem;overflow-x:auto;margin:1.75rem 0}.markdown-body code{font-family:var(--font-mono)}.markdown-body p code{background:var(--code-inline-bg);padding:.2rem .4rem;border-radius:.35rem;font-size:.875rem;color:var(--code-inline-color)}