.site-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 32px));z-index:999;border-radius:28px;background-color:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:box-shadow .2s ease-in-out}.site-header.white .btn-primary{background-color:#fff;color:#000}.site-header.white .btn-primary:hover{background-color:#eee}.site-header.black .btn-primary{background-color:#000;color:#fff}.site-header.black .btn-primary:hover{background-color:#333}.site-header.white.scrolled{box-shadow:0 2px 8px hsla(0,0%,100%,.3)}.site-header.black.scrolled{box-shadow:0 2px 8px rgba(0,0,0,.3)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:8px}.header-logo{display:inline-flex;align-items:center;padding:6px 10px;border-radius:9999px}.header-logo img{height:35px;width:auto}.btn-primary{padding:12px 24px;border-radius:100px;border:none;cursor:pointer;font-size:1rem;text-decoration:none;transition:background-color .2s ease}@media (max-width:768px){.header-container{padding:12px}.header-logo img{height:32px}}@media (min-width:1024px){.site-header .header-container{max-width:calc(100% - 16px)}}