.navigation-container{position:fixed;top:0;width:100%;z-index:50;border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;background-color:#000}.navigation-container.scrolled{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navigation-content{padding:1.5rem 2rem;margin:0 auto 6px;display:flex;justify-content:space-between;align-items:center}.navigation-left{display:flex;align-items:center;gap:1rem}.navigation-logo{width:120px;height:auto;max-height:40px}.navigation-brand{color:#fff;font-size:1.25rem;font-weight:600;margin-left:.5rem}.navigation-right{display:flex;align-items:center;gap:1rem}.navigation-time{color:#fff;font-weight:500}.navigation-mobile-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s}.navigation-mobile-button:hover{background-color:hsla(0,0%,100%,.1)}@media (max-width:1023px){.navigation-mobile-button{display:block}.navigation-logo{width:100px;max-height:32px}.navigation-content{padding:.75rem 1rem}}