.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:20px clamp(20px,4vw,56px);background:#0000;border-bottom:1px solid #0000;transition:padding .5s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .3s ease;transition:padding .5s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,backdrop-filter .3s ease,opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1);transition:padding .5s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,backdrop-filter .3s ease,opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .3s ease}.navbar--scrolled{padding-top:14px;padding-bottom:14px}.navbar--sub.navbar--scrolled{background:#0e1c13d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#f0f2ed14}.navbar--hidden{opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity .35s ease .12s,transform .35s ease-out .12s}.navbar:not(.navbar--scrolled) .navbar__logo{filter:drop-shadow(0 1px 8px rgba(0,0,0,.55))}.navbar:not(.navbar--scrolled) .navbar__link{color:#ffffffd1;text-shadow:0 1px 10px #0009}.navbar__inner{position:relative;width:100%;max-width:1280px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #0000;border-radius:var(--radius-full);transition:max-width .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),background .4s ease,border-color .4s ease,box-shadow .4s ease,-webkit-backdrop-filter .4s ease;transition:max-width .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),background .4s ease,backdrop-filter .4s ease,border-color .4s ease,box-shadow .4s ease;transition:max-width .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),background .4s ease,backdrop-filter .4s ease,border-color .4s ease,box-shadow .4s ease,-webkit-backdrop-filter .4s ease}.navbar:not(.navbar--sub).navbar--scrolled .navbar__inner{max-width:720px;padding:9px 14px 9px 24px;background:#0c1610b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#f0f2ed1a;box-shadow:0 18px 50px #00000073,inset 0 1px 0 #ffffff0d}.navbar:not(.navbar--sub) .navbar__inner:after{content:"";position:absolute;left:50%;top:-1px;transform:translateX(-50%);width:42%;height:1px;background:linear-gradient(90deg,#0000,#bfe282a6,#0000);opacity:0;transition:opacity .35s ease;pointer-events:none}.navbar:not(.navbar--sub).navbar--scrolled .navbar__inner:after{opacity:1}.navbar__logo{display:flex;align-items:center;flex-shrink:0;transition:opacity .2s ease}.navbar__logo:hover{opacity:.8}.navbar__links{display:flex;align-items:center;gap:30px}.navbar__link{font-size:14.5px;font-weight:500;color:#fff9;white-space:nowrap;transition:color .2s ease}.navbar__link:hover{color:#fff}.navbar__cta{flex-shrink:0;white-space:nowrap;color:#15140a;font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:10px;background:#f3b909;box-shadow:0 6px 22px #f3b90947;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,padding .5s cubic-bezier(.22,1,.36,1)}.navbar:not(.navbar--sub).navbar--scrolled .navbar__cta{padding:9px 16px}.navbar__cta:hover{transform:translateY(-1px);box-shadow:0 8px 26px #f3b9096b}.navbar__cta:active{transform:translateY(0) scale(.98)}@media (max-width:720px){.navbar__links{display:none}}