.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}.header-actions{display:flex;align-items:center;gap:12px}.header-login{padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;border-radius:100px;transition:background-color .2s ease}.site-header.white .header-login{color:#fff}.site-header.white .header-login:hover{background-color:hsla(0,0%,100%,.12)}.site-header.black .header-login{color:#000}.site-header.black .header-login:hover{background-color:rgba(0,0,0,.06)}.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}.header-actions{gap:6px}.header-login{padding:8px 12px;font-size:.85rem}.btn-primary{padding:10px 18px;font-size:.85rem}}@media (min-width:1024px){.site-header .header-container{max-width:calc(100% - 16px)}}