.top-nav{position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0009;border-bottom:1px solid rgba(255,255,255,.1)}.nav-inner{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Orbitron,sans-serif;color:var(--primary);text-decoration:none;font-size:1rem}.nav-links a{margin-left:16px;color:var(--text);text-decoration:none;font-size:.95rem;opacity:.85}.nav-links a:hover{opacity:1;color:var(--primary)}:root{--primary: #00f2fe;--secondary: #7000ff;--bg: #0b0b1a;--card-bg: rgba(255, 255, 255, .05);--text: #ffffff;--accent: #ff0055}body.light-mode{--bg: #f0f2f5;--card-bg: rgba(0, 0, 0, .05);--text: #1a1a1a;--primary: #4facfe}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--bg);color:var(--text);transition:background .4s ease;overflow-x:hidden;overflow:hidden;height:100%}html{height:100%;margin:0;padding:0;overflow:hidden}#root{height:100%;overflow:hidden}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-scroll{flex:1;//overflow-y: auto}.app-footer{padding:24px 12px;text-align:center;font-size:.8rem;opacity:.5}