:root{--fluid-glass:rgba(255,255,255,.58);--fluid-glass-strong:rgba(255,255,255,.76);--fluid-glass-edge:rgba(255,255,255,.82)}
.header-pill{isolation:isolate;background:linear-gradient(118deg,rgba(255,255,255,.72),rgba(255,255,255,.42)) !important;border-color:var(--fluid-glass-edge) !important;box-shadow:0 12px 34px rgba(27,42,74,.12),0 1px 0 rgba(255,255,255,.96) inset,0 -1px 0 rgba(27,42,74,.03) inset !important;transition:height .5s cubic-bezier(.22,1,.36,1),max-width .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),background .5s ease,box-shadow .5s ease !important}
.header-pill::after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.46),rgba(255,255,255,0) 36%,rgba(255,255,255,.18) 72%,rgba(255,255,255,.42));opacity:.9}
#header.scrolled .header-pill{background:linear-gradient(118deg,rgba(255,255,255,.84),rgba(255,255,255,.58)) !important;box-shadow:0 14px 38px rgba(27,42,74,.14),0 1px 0 rgba(255,255,255,.98) inset,0 -1px 0 rgba(27,42,74,.04) inset !important}
.btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,filter .32s ease !important}.btn::after{content:"";position:absolute;inset:1px 18% auto;z-index:-1;height:42%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);opacity:.72;pointer-events:none}.btn:hover{transform:translateY(-2px) scale(1.015) !important;filter:saturate(1.05)}.btn:active{transform:translateY(0) scale(.975) !important}
.mobile-nav{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(252,246,241,.90)) !important;border-left:1px solid rgba(255,255,255,.86);box-shadow:-24px 0 64px rgba(27,42,74,.14);transform-origin:top right}.mobile-nav.open{animation:fluid-menu-in .46s cubic-bezier(.22,1,.36,1) both}.mobile-nav.is-closing{display:flex;animation:fluid-menu-out .3s cubic-bezier(.55,0,1,.45) both}.mobile-nav-close,.hamburger{backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%)}.hamburger{background:rgba(255,255,255,.42) !important;border:1px solid rgba(255,255,255,.72) !important;box-shadow:0 5px 16px rgba(27,42,74,.07),inset 0 1px rgba(255,255,255,.8)}.hamburger.active{transform:scale(.94) rotate(1deg)}
@keyframes fluid-menu-in{0%{opacity:0;clip-path:inset(0 0 100% 100% round 44px);transform:translate3d(12px,-12px,0) scale(.96)}65%{opacity:1;clip-path:inset(0 0 0 0 round 24px);transform:translate3d(-2px,1px,0) scale(1.008)}100%{opacity:1;clip-path:inset(0 0 0 0 round 0);transform:translate3d(0,0,0) scale(1)}}@keyframes fluid-menu-out{from{opacity:1;clip-path:inset(0 0 0 0 round 0);transform:translate3d(0,0,0) scale(1)}to{opacity:0;clip-path:inset(0 0 100% 100% round 44px);transform:translate3d(10px,-10px,0) scale(.96)}}
@media(max-width:768px){#header,#header.scrolled{left:0;right:0;width:auto;box-sizing:border-box;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left)) !important}.header-pill,#header.scrolled .header-pill{width:100%;max-width:none;margin:0;padding-inline:16px !important}}@media(prefers-reduced-motion:reduce){.mobile-nav.open,.mobile-nav.is-closing{animation:none}.btn,.header-pill{transition:none !important}}