*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #06080c;--bg-subtle: #0a0e14;--surface: rgba(14, 18, 26, .85);--surface-raised: #111622;--border: rgba(255, 255, 255, .06);--border-accent: rgba(79, 143, 247, .15);--text: #e8ecf4;--text-secondary: #a0aec0;--text-muted: #5a6a80;--accent: #4f8ff7;--accent-soft: rgba(79, 143, 247, .12);--accent-glow: rgba(79, 143, 247, .25);--gradient-brand: linear-gradient(135deg, #4f8ff7 0%, #7b61ff 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(79, 143, 247, .08);--radius-sm: 8px;--radius-md: 12px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(79,143,247,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 50%,rgba(123,97,255,.03) 0%,transparent 50%),var(--bg)}.topnav{position:sticky;top:0;z-index:100;padding:0 2rem;background:var(--surface);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.topnav-inner{display:flex;align-items:center;gap:1.75rem;height:60px;max-width:1320px;margin:0 auto;width:100%}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.05rem;letter-spacing:.14em;color:var(--text);text-decoration:none;transition:color var(--transition);white-space:nowrap}.brand:hover{color:var(--accent)}.brand-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--gradient-brand);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:0;box-shadow:var(--shadow-sm),0 0 12px #4f8ff733;flex-shrink:0}.nav-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.topnav nav{display:flex;gap:.35rem}.topnav nav a{position:relative;color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.02em;padding:.45rem .85rem;border-radius:6px;transition:color var(--transition),background var(--transition)}.topnav nav a:hover{color:var(--text-secondary);background:#ffffff0a}.topnav nav a.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--border-accent)}.content{flex:1;padding:3rem 2.5rem;max-width:1320px;width:100%;margin:0 auto}.page{animation:fadeIn .35s ease-out}.page h1{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.placeholder{color:var(--text-muted);font-size:.88rem;padding:2rem;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}::selection{background:var(--accent-glow);color:#fff}