.header{background:var(--color-primary);justify-content:space-between;align-items:center;width:100%;padding:1.25rem 2rem;display:flex;position:relative}.header.home{background:0 0}.header.auth{background:var(--color-background);padding:1rem 2rem}.header.auth .menuButton{color:var(--color-primary)}.header.auth .centerContent{align-items:center;gap:var(--space-2);display:flex}.header.auth .avatar{border-radius:var(--radius-full);flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.header.auth .avatar .avatarImage{object-fit:cover;width:100%;height:100%}.header.auth .authTitle{font-size:1rem;font-weight:var(--font-weight-regular);color:var(--color-primary);letter-spacing:1px;text-transform:uppercase;padding:0;line-height:1.125}.header.auth .authTitleLink{text-decoration:none}.header.auth .authTitleLink:hover,.header.auth .authTitleLink:focus-visible{text-underline-offset:.25rem;text-decoration:underline}.header .menuButton{color:var(--color-white);cursor:pointer;transition:opacity var(--duration-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;display:flex}.header .menuButton:hover{opacity:.7}.header .authTitle{color:var(--color-white);text-align:center;flex:1;font-size:1rem;font-weight:700}.header .logoLink{align-items:center;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header .logoLink svg{width:12.45rem;height:auto}.header .headerActions{align-items:center;gap:var(--space-4);display:flex}.header .signupLink{border-radius:var(--radius-full);color:var(--color-white);letter-spacing:.02rem;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease);border:1px solid #ffffffe6;border:1px solid lab(100% 0 0/.9);justify-content:center;align-items:center;padding:.5625rem 1.25rem;font-size:.8125rem;line-height:1;text-decoration:none;display:inline-flex}.header .signupLink:hover{opacity:.8}@media (orientation:portrait){.header{padding:.875rem 4vw}.header .logoLink svg{width:20vw}.header .headerActions{gap:2vw}.header .signupLink{padding:.4375rem .19975rem;font-size:.6875rem}}.header .profileLink{color:var(--color-white);transition:opacity var(--duration-fast) var(--ease);justify-content:center;align-items:center;text-decoration:none;display:flex}.header .profileLink:hover{opacity:.7}