.navbar-container{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#0f0f0f4d;border:1px solid #ffffff0b;border-radius:20px;justify-content:flex-end;align-items:center;width:calc(100% - 48px);max-width:1200px;padding:10px 20px;transition:all .3s;animation:.5s forwards navbar-slide-in;display:flex;position:fixed;top:10px;left:50%;overflow:visible;transform:translate(-50%,-20px);box-shadow:0 0 0 .5px #ffffff0d,0 2px 6px #00000040,inset 0 0 .5px #ffffff0d}@keyframes navbar-slide-in{to{opacity:1;transform:translate(-50%)}}.navbar-brand{z-index:40;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;left:40%;transform:translate(-50%)}.navbar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.avatar-glow{cursor:pointer;color:#fff;background:#ffffff0a;border-radius:50%;padding:6px;transition:all .2s}.avatar-glow:hover{background:#ffffff14;box-shadow:0 0 8px #f6098f88}.dropdown-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#141414e6;border:1px solid #ffffff0d;border-radius:14px;width:180px;padding:8px 0;position:absolute;top:50px;right:0;box-shadow:0 0 10px #0006}.dropdown-menu button{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.95rem;font-weight:500;transition:background .2s;display:flex}.dropdown-menu button:hover{background:#ffffff0d}[dir=rtl] .navbar-container{direction:ltr}[dir=rtl] .navbar-brand{direction:rtl}[dir=rtl] .navbar-actions{direction:ltr;flex-direction:row;justify-content:flex-end}@media (max-width:640px){.navbar-container{border-radius:14px;width:calc(100% - 24px);padding:8px 12px}.navbar-actions{gap:6px}.navbar-brand span{font-size:1rem!important}}