.navbar-container{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);max-width:1200px;padding:10px 20px;backdrop-filter:blur(16px);background:rgba(15,15,15,.3);border:1px solid rgba(255,255,255,.042);border-radius:20px;box-shadow:0 0 0 .5px rgba(255,255,255,.05),0 2px 6px rgba(0,0,0,.25),inset 0 0 .5px rgba(255,255,255,.05);transition:all .3s ease;overflow:visible}.navbar-brand{text-decoration:none;z-index:40}.navbar-actions{display:flex;align-items:center;gap:12px}.avatar-glow{cursor:pointer;padding:6px;border-radius:50%;color:white;background:rgba(255,255,255,.04);transition:all .2s ease}.avatar-glow:hover{background:rgba(255,255,255,.08);box-shadow:0 0 8px #f6098f88}.dropdown-menu{position:absolute;top:50px;right:0;background:rgba(20,20,20,.9);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);border-radius:14px;box-shadow:0 0 10px rgba(0,0,0,.4);padding:8px 0;width:180px;z-index:100}.dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:none;color:white;font-weight:500;font-size:.95rem;cursor:pointer;transition:background .2s ease}.dropdown-menu button:hover{background:rgba(255,255,255,.05)}.navbar-container{opacity:0;transform:translate(-50%,-20px);animation:navbar-slide-in .5s ease forwards}@keyframes navbar-slide-in{to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){.navbar-container{width:calc(100% - 24px);padding:8px 12px;border-radius:14px}.navbar-actions{gap:6px}.navbar-brand span{font-size:1rem!important}}