.appbar{position:fixed;top:25px;left:0;right:0;width:100%;padding:26px 24px;z-index:1100;background:transparent;transform:translateY(0);will-change:transform;transition:padding .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}.appbar--hidden{transform:translateY(calc(-100% - 8px));pointer-events:none}.nav-open .appbar{transform:translateY(0);pointer-events:auto}@media (prefers-reduced-motion: reduce){.appbar{transition:none}}.appbar__tray{max-width:1280px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;box-sizing:border-box;transition:background .3s ease,box-shadow .3s ease,padding .3s ease,border-radius .3s ease}.appbar--solid{padding:12px 16px}.appbar--solid .appbar__tray{width:100%;max-width:none;padding:8px 12px 8px 14px;border-radius:18px;background:linear-gradient(90deg,#000000ba 0% 50%,#000000ba);box-shadow:0 10px 32px #00000052,inset 0 1px #ffffff29}.appbar--solid .appbar__logo img{mix-blend-mode:normal}.appbar__logo{display:inline-flex;align-items:center;flex-shrink:0}.appbar__logo img{width:clamp(2.25rem,4.5vw,2.75rem);height:auto;display:block;mix-blend-mode:screen}.appbar__logo:hover{opacity:.85}.appbar__actions{display:flex;align-items:center;gap:10px}.appbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:500;line-height:1;color:#e4e4e7;background:linear-gradient(136deg,#becbe133,#00000040),#1e202699;border:1px solid transparent;border-radius:12px;backdrop-filter:blur(12.5px);cursor:pointer;position:relative;transition:background .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.appbar .btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff47,#ffffff1f,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.appbar .btn:hover{transform:translateY(-1px)}.btn--login{padding-inline:18px;font-weight:600;min-height:clamp(40px,5vw,49px);min-width:clamp(120px,28vw,152px);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn--icon{width:clamp(40px,6vw,50px)!important;height:clamp(40px,6vw,49px)!important;padding:0;border-radius:9px;position:relative}.btn--icon .icon{width:22px;height:22px;display:block;color:var(--text-secondary, #a1a1aa);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease}.btn--icon .icon--grid{opacity:1;transform:translate(-50%,-50%) rotate(0)}.btn--icon .icon--close{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}.btn--icon[aria-expanded=true] .icon--grid{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}.btn--icon[aria-expanded=true] .icon--close{opacity:1;transform:translate(-50%,-50%) rotate(0)}.nav-menu{position:fixed;inset:0;background:#000000f5;backdrop-filter:blur(16px);z-index:1090;overflow-y:auto;padding:96px 24px 48px;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease}.nav-menu[aria-hidden=false]{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu__inner{max-width:1280px;margin-inline:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:48px 32px;padding-top:3rem}.nav-col__heading{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary, #555);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.nav-col__sub-heading{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary, #555);margin:18px 0 10px}.nav-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-col__list a{display:block;padding:6px 0;font-size:14px;color:var(--text-secondary, #9a9a9a);text-decoration:none;transition:color .15s ease,padding-left .15s ease;line-height:1.4}.nav-col__list a:hover{color:#fff;padding-left:6px}.nav-col__list[data-nav-disabled] a,.nav-col__list a[data-nav-disabled]{pointer-events:none;cursor:default}.nav-col__list[data-nav-disabled] a:hover,.nav-col__list a[data-nav-disabled]:hover{color:var(--text-secondary, #9a9a9a);padding-left:0}@media (max-width: 900px){.nav-menu__inner{grid-template-columns:repeat(2,1fr);gap:36px 24px}}@media (max-width: 540px){.nav-menu__inner{grid-template-columns:1fr;gap:28px}.nav-menu{padding:80px 20px 40px}}@media (max-width: 420px){.appbar{padding:12px 16px}.btn--login{padding:9px 12px;font-size:13px}.btn--icon{width:36px!important;height:36px!important}.btn--icon .icon{width:20px;height:20px}}
