.header{position:fixed;top:0;z-index:50;display:flex;width:100%;height:50px;align-items:center;justify-content:space-between;padding:1rem;transition:background-color .3s}.header-scrolled{background-color:transparent}.logo{position:relative;z-index:50;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:.5rem}.logo-text{font-size:1.5rem;font-weight:700;color:hsl(var(--primary-foreground))}.menu-button{position:relative;z-index:50;font-size:2rem}.backdrop{inset:0;background-color:rgba(0,0,0,.6)}.backdrop,.menu{position:fixed;z-index:40}.menu{right:1rem;top:5rem;border-radius:.5rem;background-color:#1f2937;padding:1.25rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.nav{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:block;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#d1d5db;transition:background-color .2s,color .2s}.nav-link:hover{background-color:#374151;color:#fff}.button-container{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}