*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#080c14;--color-surface:#0d1321;--color-surface-2:#111827;--color-border:#ffffff12;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-accent:#38bdf8;--color-accent-2:#818cf8;--color-accent-3:#34d399;--color-glow:#38bdf826;--gradient-primary:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--gradient-hero:linear-gradient(135deg, #0ea5e9 0%, #6366f1 50%, #8b5cf6 100%);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-glow:0 0 40px #38bdf81f;--transition:.2s ease}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);flex-direction:column;min-height:100vh;font-size:16px;line-height:1.7;display:flex;overflow-x:hidden}main{flex:1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#080c14d9;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--color-text);transition:opacity var(--transition);font-size:1.1rem;font-weight:600}.nav-logo:hover{opacity:.8}.logo-bracket{background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-clip:text}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);padding:.5rem .875rem;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--color-text);background:#ffffff0d}.nav-login{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);transition:opacity var(--transition), transform var(--transition), box-shadow var(--transition);white-space:nowrap;align-items:center;gap:.4rem;margin-left:.75rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 0 20px #38bdf833}.nav-login:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 30px #38bdf859}.login-icon{font-size:.85rem}.nav-github{width:36px;height:36px;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);justify-content:center;align-items:center;margin-left:.25rem;display:flex}.nav-github:hover{color:var(--color-text);background:#ffffff0d}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu-btn span{background:var(--color-text);width:22px;height:2px;transition:transform var(--transition), opacity var(--transition);border-radius:2px;display:block}.mobile-menu-btn.active span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{border-top:1px solid var(--color-border);background:#080c14fa;flex-direction:column;padding:1rem 1.5rem 1.5rem;display:none}.mobile-menu.open{display:flex}.mobile-link{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);transition:color var(--transition);padding:.75rem 0;font-size:1rem;font-weight:500}.mobile-link:hover{color:var(--color-text)}.mobile-login{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);text-align:center;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:2rem 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-logo{font-family:var(--font-mono);font-size:1rem;font-weight:600}.footer-tagline{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.footer-copy{color:var(--color-text-muted);font-size:.8rem}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:flex}}