body.menu-open { overflow: hidden; }
@view-transition { navigation: auto; }
::view-transition-old(root),::view-transition-new(root){animation-duration:180ms;animation-timing-function:ease-out}
.site-header,.auth-header{position:fixed;z-index:50;top:0;left:0;right:0;width:100%;height:var(--theme-header-height);padding:0 max(24px,calc((100vw - var(--theme-header-content-width))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:0;background:transparent}
.site-header .brand,.auth-header .brand{position:relative;z-index:72;display:flex;align-items:center;flex-shrink:0;gap:11px;color:var(--theme-color-heading);font-size:var(--theme-text-lg);font-weight:var(--theme-weight-black);line-height:1.1;letter-spacing:.08em}
.site-header .brand-mark,.auth-header .brand-mark{width:38px;height:38px;display:block;object-fit:contain}.site-header .brand small,.auth-header .brand small{display:block;margin-top:2px;color:var(--theme-color-subtle);font-size:var(--theme-text-xs);font-weight:var(--theme-weight-regular);line-height:1;letter-spacing:.22em;white-space:nowrap}
.site-header .main-nav,.auth-header .auth-nav{display:flex;align-items:center;gap:22px}.site-header .main-nav,.site-header .main-nav>a,.auth-header .auth-nav,.auth-header .auth-home{color:var(--theme-color-text);font-size:var(--theme-text-md);font-weight:var(--theme-weight-medium);line-height:1;white-space:nowrap}.site-header .main-nav>a.active,.site-header .main-nav>a:hover,.auth-header .auth-home:hover{color:var(--theme-color-primary)}
.site-header .nav-login{padding-left:20px;border-left:1px solid var(--theme-color-border)}.site-header .primary-link,.auth-header .button{min-height:43px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:10px;color:var(--theme-color-surface);background:var(--theme-color-primary);box-shadow:var(--theme-shadow-primary);transition:transform .2s ease,background-color .2s ease}.site-header .primary-link:hover,.auth-header .button:hover{color:var(--theme-color-surface);background:var(--theme-color-primary-hover);transform:translateY(-2px)}.auth-header .auth-home{padding-right:20px;border-right:1px solid var(--theme-color-border)}
.site-header .main-nav>a.primary-link,.site-header .main-nav>a.primary-link:hover,.site-header .main-nav>a.primary-link:focus-visible{color:var(--theme-color-surface)}
.site-header .menu-button,.auth-header .menu-button{position:relative;z-index:72;padding:8px;display:none;border:0;background:transparent;cursor:pointer}.site-header .menu-button span,.auth-header .menu-button span{width:23px;height:2px;display:block;margin:5px;background:var(--theme-color-heading);transition:transform 180ms ease,opacity 180ms ease}
.site-header::before,.auth-header::before{content:"";position:absolute;z-index:-1;inset:0 0 -48px;pointer-events:none;background:linear-gradient(to bottom,rgb(255 255 255/84%) 0,rgb(255 255 255/72%) 52%,rgb(255 255 255/46%) 70%,rgb(255 255 255/18%) 86%,transparent 100%);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 52%,rgb(0 0 0/88%) 65%,rgb(0 0 0/54%) 80%,rgb(0 0 0/18%) 93%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 52%,rgb(0 0 0/88%) 65%,rgb(0 0 0/54%) 80%,rgb(0 0 0/18%) 93%,transparent 100%)}
.site-header::after,.auth-header::after{content:"";position:absolute;z-index:0;left:50%;bottom:-22px;width:100vw;height:30px;pointer-events:none;transform:translateX(-50%);background:linear-gradient(to bottom,rgb(148 163 184/24%) 0,rgb(148 163 184/10%) 2px,rgb(14 165 233/4%) 38%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)}
@media(max-width:900px){.site-header .menu-button,.auth-header .menu-button{display:block}.site-header .menu-button[aria-expanded="true"] span:nth-child(1),.auth-header .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header .menu-button[aria-expanded="true"] span:nth-child(2),.auth-header .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.site-header .menu-button[aria-expanded="true"] span:nth-child(3),.auth-header .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header .main-nav,.auth-header .auth-nav{display:none}.site-header .main-nav.open,.auth-header .auth-nav.open{position:fixed;z-index:70;inset:0;width:100%;height:100dvh;padding:calc(var(--theme-header-height) + 24px) max(24px,calc((100vw - 520px)/2)) 48px;display:flex;flex-direction:column;align-items:stretch;gap:12px;overflow-y:auto;border:0;border-radius:0;background:rgb(248 250 252/72%);box-shadow:none;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);animation:header-menu-in 240ms ease-out both}.site-header .main-nav.open>a,.auth-header .auth-nav.open>a{width:100%;min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:center;border:1px solid rgb(226 232 240/80%);border-radius:14px;background:rgb(255 255 255/78%);text-align:center}.site-header .main-nav.open .nav-login,.auth-header .auth-nav.open .auth-home{padding:0 20px;border:1px solid rgb(226 232 240/80%)}.site-header .main-nav.open .primary-link,.auth-header .auth-nav.open .button{color:var(--theme-color-surface);border-color:transparent;background:var(--theme-gradient-primary)}.page-register main,.page-login main{transition:filter 240ms ease,opacity 240ms ease}.page-register.menu-open main,.page-login.menu-open main{filter:blur(8px);opacity:.68;pointer-events:none;user-select:none}}
@keyframes header-menu-in{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.site-header .main-nav.open,.auth-header .auth-nav.open{transform-origin:top center;will-change:opacity,clip-path;animation:header-menu-open 340ms cubic-bezier(.22,1,.36,1) both}.site-header .main-nav.open>a,.auth-header .auth-nav.open>a{opacity:0;will-change:opacity,transform;animation:header-menu-link-in 420ms cubic-bezier(.22,1,.36,1) forwards}.site-header .main-nav.open>a:nth-child(1),.auth-header .auth-nav.open>a:nth-child(1){animation-delay:70ms}.site-header .main-nav.open>a:nth-child(2),.auth-header .auth-nav.open>a:nth-child(2){animation-delay:115ms}.site-header .main-nav.open>a:nth-child(3){animation-delay:160ms}.site-header .main-nav.open>a:nth-child(4){animation-delay:205ms}.site-header .main-nav.open>a:nth-child(5){animation-delay:250ms}.site-header .main-nav.open>a:nth-child(6){animation-delay:295ms}}
@keyframes header-menu-open{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes header-menu-link-in{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){body>main,body>aaa-footer{transition:filter 320ms cubic-bezier(.22,1,.36,1),opacity 320ms ease,transform 320ms cubic-bezier(.22,1,.36,1)}body.menu-open>main,body.menu-open>aaa-footer{filter:blur(9px);opacity:.58;transform:scale(.992);pointer-events:none;user-select:none}.site-header .menu-button[aria-expanded="true"],.auth-header .menu-button[aria-expanded="true"]{animation:header-menu-button-pop 360ms cubic-bezier(.22,1,.36,1) both}.site-header .main-nav.open,.auth-header .auth-nav.open{animation-duration:420ms;background:linear-gradient(155deg,rgb(248 250 252/82%),rgb(240 249 255/76%));box-shadow:inset 0 1px rgb(255 255 255/78%)}}
@keyframes header-menu-button-pop{0%{transform:scale(.9)}55%{transform:scale(1.1)}100%{transform:scale(1)}}
@media(max-width:560px){.site-header,.auth-header{height:var(--theme-header-mobile-height);padding-right:16px;padding-left:16px}.site-header .main-nav.open,.auth-header .auth-nav.open{padding:calc(var(--theme-header-mobile-height) + 20px) 20px 36px}}
@media(prefers-reduced-motion:reduce){.site-header .menu-button,.auth-header .menu-button,.site-header .menu-button span,.auth-header .menu-button span,.site-header .main-nav.open,.auth-header .auth-nav.open,.site-header .main-nav.open>a,.auth-header .auth-nav.open>a,body>main,body>aaa-footer,.page-register main,.page-login main{animation:none;transition:none}}