.glass-nav{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffffb8;border:1px solid #e2e8f066;box-shadow:inset 0 0 0 1px #ffffff26,0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a}.dark .glass-nav{background:#0f172ab8;border:1px solid #1e293b80;box-shadow:inset 0 0 0 1px #ffffff0d,0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026}.glass-nav.scrolled{-webkit-backdrop-filter:blur(60px)saturate(200%);background:#fffffff5;transform:translateY(2px);box-shadow:inset 0 0 0 1px #fff3,0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000f}.dark .glass-nav.scrolled{-webkit-backdrop-filter:blur(60px)saturate(200%);background:#0f172aeb;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 25px -5px #0006,0 8px 10px -6px #0003}@supports not ((-webkit-backdrop-filter:blur(40px)) or (backdrop-filter:blur(40px))){.glass-nav{background:#ffffffeb}.dark .glass-nav{background:#0f172af2}.glass-nav.scrolled{background:#fffffff5}.dark .glass-nav.scrolled{background:#0f172af7}}.navbar-container{z-index:1000;border-radius:1rem;align-items:center;height:3.75rem;padding:0 1.5rem;transition:box-shadow .3s,transform .3s;display:flex;position:fixed;top:12px;left:16px;right:16px}@media (min-width:640px){.navbar-container{max-width:1400px;margin-left:auto;margin-right:auto}}@media (max-width:639px){.navbar-container{border-radius:0;height:3.75rem;top:0;left:0;right:0}}.navbar-content{direction:ltr;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.logo-container{transform-style:preserve-3d;align-items:center;gap:.625rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.logo-container:hover{transform:perspective(500px)rotateX(3deg)rotateY(3deg)}.logo-container img{transition:transform .3s cubic-bezier(.16,1,.3,1)}.logo-container:hover img{transform:translateZ(8px)}.notification-badge{color:#fff;background-color:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;font-size:.625rem;font-weight:700;line-height:1;animation:.5s cubic-bezier(.16,1,.3,1) badgePulse;display:inline-flex;position:absolute;top:-4px;right:-4px}@keyframes badgePulse{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.badge-remove{animation:.3s ease-in forwards badgeFade}@keyframes badgeFade{to{opacity:0;transform:scale(0)}}