:root{--public-menu-ease:cubic-bezier(.32,.72,0,1)}
html,body{max-width:100%;overflow-x:clip}
.mobile-menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;background:rgba(255,255,255,.06);place-items:center}
.mobile-menu-toggle span{display:block;width:19px;height:2px;margin:3px auto;border-radius:2px;background:currentColor;transition:transform 180ms var(--public-menu-ease),opacity 120ms ease}
.mobile-menu-toggle:active,.mobile-menu-close:active,.mobile-menu-account:active{transform:scale(.97)}
.mobile-menu-backdrop{position:fixed;z-index:100;inset:0;background:rgba(2,12,20,.58);opacity:0;transition:opacity 180ms ease-out;overscroll-behavior:contain}
.mobile-menu-panel{position:absolute;top:0;right:0;display:flex;width:min(88vw,380px);height:100%;padding:18px 18px max(22px,env(safe-area-inset-bottom));color:#fff;background:#071521;box-shadow:-24px 0 60px rgba(0,0,0,.28);transform:translateX(100%);flex-direction:column;transition:transform 220ms var(--public-menu-ease)}
.mobile-menu-open{overflow:hidden}
.mobile-menu-open .mobile-menu-backdrop{opacity:1}
.mobile-menu-open .mobile-menu-panel{transform:translateX(0)}
.mobile-menu-heading{display:flex;align-items:center;min-height:48px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.12);justify-content:space-between}
.mobile-menu-heading strong{font-size:18px}
.mobile-menu-close{display:grid;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#fff;background:rgba(255,255,255,.06);place-items:center}
.mobile-menu-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mobile-menu-panel nav{display:grid!important;margin:18px 0 0!important;gap:4px!important}
.mobile-menu-panel nav a{display:flex;align-items:center;min-height:52px;padding:0 14px;border-radius:10px;color:#dce8ed;font-size:16px;font-weight:700}
.mobile-menu-panel nav a[aria-current=page]{color:#fff;background:rgba(78,195,241,.12)}
.mobile-menu-footer{display:grid;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);gap:10px}
.mobile-menu-footer[data-public-auth-pending]{visibility:hidden}
.mobile-menu-account{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:11px 16px;border:0;border-radius:9px;color:#fff;background:#1ca8e5;font:inherit;font-weight:850;text-align:center}
.mobile-menu-account[hidden]{display:none}
@media(hover:hover) and (pointer:fine){.mobile-menu-toggle:hover,.mobile-menu-close:hover{background:rgba(255,255,255,.11)}.mobile-menu-panel nav a:hover{color:#fff;background:rgba(255,255,255,.07)}.mobile-menu-account:hover{background:#0d7fab}}
@media(max-width:900px){.site-header>nav,.site-header>.public-header-actions{display:none!important}.site-header .mobile-menu-toggle{display:grid;margin-left:auto}.site-header{min-height:64px;padding:8px 14px}.site-header .brand img{width:44px;height:44px}.site-header .brand span,.site-header .brand strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mobile-menu-backdrop,.mobile-menu-panel,.mobile-menu-toggle span{transition-duration:0ms}}