nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,13,13,0.95);backdrop-filter:blur(12px);padding:0 24px;display:flex;align-items:center;gap:4px;height:52px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-bottom:1px solid rgba(255,255,255,.06)}
nav::-webkit-scrollbar{display:none}
nav .logo{text-decoration:none;flex-shrink:0;display:flex;align-items:center;font-size:18px;font-weight:800;color:#fff}
nav .logo span{color:#00d478}
nav a{color:rgba(255,255,255,.6);text-decoration:none;font-size:14px;font-weight:500;padding:6px 10px;border-radius:8px;transition:all .2s;white-space:nowrap;flex-shrink:0}
nav a:hover,nav a.active{color:#fff;background:rgba(255,255,255,.08)}
#nav-user button{color:#fff}
#nav-login{background:#00d478;color:#000;font-weight:600;padding:6px 14px;border-radius:8px;font-size:14px;flex-shrink:0}
#user-menu{background:#1A1A1A;border:1px solid rgba(255,255,255,.1)}
@media(max-width:640px){
  nav{padding:0 16px;gap:2px}
  nav a{font-size:13px;padding:4px 8px}
}