:root{--bg-color:#0b0f19;--bg-card-color:#161c2d66;--text-color:#f3f4f6;--text-muted:#9ca3af;--accent-color:#38bdf8;--accent-glow:#38bdf826;--border-color:#ffffff14;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);flex-col:column;background-image:radial-gradient(at 0 0,#38bdf80d 0,#0000 50%),radial-gradient(at 100% 100%,#38bdf808 0,#0000 50%);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:var(--accent-color);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:#7dd3fc;text-shadow:0 0 8px var(--accent-glow)}header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0b0f19cc;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{letter-spacing:-.05em;background:linear-gradient(135deg, #fff 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--text-color)}img,video,iframe{max-width:100%;height:auto}@media (width<=768px){.nav-container{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.nav-links a{font-size:.9rem}.logo{font-size:1.1rem}}footer{border-top:1px solid var(--border-color);background:#0b0f19f2;margin-top:auto;padding:4rem 2rem 2rem}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}@media (width<=768px){.footer-container{grid-template-columns:1fr;gap:2rem}}.footer-brand h4{margin-bottom:1rem;font-weight:700}.footer-brand p{color:var(--text-muted);font-size:.9rem}.footer-links h5{color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.2rem;font-size:.8rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted);font-size:.9rem}.footer-links a:hover{color:var(--text-color)}.footer-bottom{border-top:1px solid var(--border-color);max-width:1200px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:4rem auto 0;padding-top:2rem;font-size:.85rem;display:flex}@media (width<=600px){.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}pre{border:1px solid var(--border-color);font-family:var(--font-mono);border-radius:8px;margin:1.5rem 0;padding:1.25rem;font-size:.9rem;overflow-x:auto;background:#111827!important}.pwa-splash-overlay{display:none}@media (display-mode:standalone){.pwa-splash-overlay{z-index:9999;background:#0b0f19;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.splash-logo{object-fit:cover;border-radius:12px;width:96px;height:96px;margin-bottom:1rem}.splash-text{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-color);font-size:1rem;font-weight:700}header{padding-top:.5rem;padding-bottom:.5rem}.nav-container{padding:.5rem 1rem}}html.light-theme{--bg-color:#f9fafb;--bg-card-color:#fff;--text-color:#111827;--text-muted:#4b5563;--accent-color:#0284c7;--accent-glow:#0284c71a;--border-color:#00000014}html.light-theme header{background:#f9fafbcc}html.light-theme .logo{background:linear-gradient(135deg, #111827 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}html.light-theme pre{border:1px solid var(--border-color);color:#111827!important;background:#f3f4f6!important}html.light-theme code{color:#111827!important}.theme-toggle-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;font-size:1rem;transition:background-color .2s,border-color .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--accent-color);background:#ffffff0d}html.light-theme .theme-toggle-btn:hover{background:#0000000d}html.light-theme .sun-icon,html:not(.light-theme) .moon-icon{display:none}body{transition:background-color .3s,color .3s}