.header{background-color:#fff;display:flex;justify-content:center;align-items:center;padding:.75rem 1rem;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;left:0;width:100%;z-index:50}.header-button{font-size:.875rem}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;gap:1rem}.header-logo{max-width:120px}.header-nav{display:flex;gap:1.5rem;align-items:center;justify-content:center}.header-nav a{padding:.75rem 1rem;font-size:.875rem;text-align:center;transition:color .3s ease;cursor:pointer}@media (max-width:639px){.header{padding:.5rem 1rem}.header-container{justify-content:center;align-items:center;gap:1rem}.header-nav{display:none;flex-direction:column;align-items:center;position:fixed;top:60px;left:35%;transform:translateX(-50%);width:45%;background:hsla(0,0%,100%,.8);border-radius:12px;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.header-nav.open{display:flex}.header-nav a{font-size:.85rem;padding:.1rem}.header-button{font-size:.7rem;padding:.5rem 1rem;max-width:140px;width:auto;text-align:center}}