html body .shell.tc-public-page { --tc-public-header-frame: var(--tc-public-frame, min(1320px, calc(100vw - 32px))); --tc-public-header-border: rgba(190, 213, 255, 0.18); --tc-public-header-border-strong: rgba(124, 246, 182, 0.34); --tc-public-header-text: #f8fbff; --tc-public-header-muted: rgba(226, 237, 248, 0.78); --tc-public-header-accent: #7cf6b6; --tc-public-header-bg: linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.036) 1px, transparent 1px), radial-gradient(circle at 14% 0%, rgba(124, 246, 182, 0.12), transparent 20rem), radial-gradient(circle at 88% 0%, rgba(90, 166, 255, 0.13), transparent 24rem), linear-gradient(135deg, rgba(10, 15, 29, 0.96), rgba(11, 18, 34, 0.94) 58%, rgba(7, 21, 35, 0.92)); } html body .shell.tc-public-page > .tc-home-nav { box-sizing: border-box !important; position: sticky !important; top: 12px !important; z-index: 70 !important; width: var(--tc-public-header-frame) !important; max-width: var(--tc-public-header-frame) !important; margin: clamp(8px, 1.1vw, 14px) auto 0 !important; overflow: visible !important; border: 1px solid var(--tc-public-header-border) !important; border-radius: 14px !important; background: var(--tc-public-header-bg) !important; background-size: 72px 72px, 72px 72px, auto, auto, auto !important; color: var(--tc-public-header-text) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 48px rgba(0, 0, 0, 0.24) !important; backdrop-filter: saturate(140%) blur(14px) !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__inner { box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: clamp(10px, 1.4vw, 18px) !important; width: 100% !important; max-width: 100% !important; min-height: 58px !important; padding: 8px 10px !important; overflow: visible !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__bar { display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; min-width: 0 !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-brand { display: inline-flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; min-height: 44px !important; color: var(--tc-public-header-text) !important; text-decoration: none !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-brand__image { flex: 0 0 auto !important; width: 28px !important; height: 28px !important; filter: drop-shadow(0 0 18px rgba(124, 246, 182, 0.28)) !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-brand__text { min-width: 0 !important; max-width: 18ch !important; overflow: hidden !important; color: var(--tc-public-header-text) !important; font-family: var(--tc-public-font-sans, var(--tc-font-sans, "Geist", "Segoe UI", sans-serif)) !important; font-size: 1rem !important; font-weight: 780 !important; letter-spacing: 0 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-brand__domain { color: var(--tc-public-header-accent) !important; -webkit-text-fill-color: var(--tc-public-header-accent) !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__panel { display: flex !important; flex: 1 1 auto !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links { display: flex !important; flex: 1 1 auto !important; flex-wrap: nowrap !important; align-items: center !important; gap: 1px !important; min-width: 0 !important; margin-left: 0 !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__spacer { flex: 0 1 18px !important; min-width: 8px !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links a, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__login, html body .shell.tc-public-page > .tc-home-nav .tc-home-button--sm { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 0 8px !important; border: 1px solid transparent !important; border-radius: 9px !important; color: var(--tc-public-header-muted) !important; font-family: var(--tc-public-font-sans, var(--tc-font-sans, "Geist", "Segoe UI", sans-serif)) !important; font-size: 0.83rem !important; font-weight: 740 !important; letter-spacing: 0 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links a:hover, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links a:focus-visible, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links a.is-active, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__login:hover, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__login:focus-visible, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__login.is-active { border-color: rgba(124, 246, 182, 0.2) !important; background: rgba(124, 246, 182, 0.09) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links a.is-active::after { display: none !important; } html body .shell.tc-public-page > .tc-home-nav .language-switch__form--compact { flex: 0 0 auto !important; margin: 0 !important; } html body .shell.tc-public-page > .tc-home-nav .language-select, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__toggle { min-height: 40px !important; border: 1px solid rgba(205, 222, 255, 0.18) !important; border-radius: 999px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)), rgba(8, 13, 24, 0.72) !important; color: var(--tc-public-header-text) !important; font-family: var(--tc-public-font-sans, var(--tc-font-sans, "Geist", "Segoe UI", sans-serif)) !important; font-weight: 760 !important; letter-spacing: 0 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; } html body .shell.tc-public-page > .tc-home-nav .language-select { width: auto !important; min-width: 108px !important; max-width: none !important; padding: 0 22px 0 12px !important; font-family: var(--tc-public-font-sans, var(--tc-font-sans, "Geist", "Segoe UI", sans-serif)) !important; font-size: 0.82rem !important; text-overflow: ellipsis !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-button--sm { min-width: max-content !important; border-color: rgba(124, 246, 182, 0.54) !important; background: linear-gradient(180deg, rgba(124, 246, 182, 0.2), rgba(90, 166, 255, 0.1)), rgba(8, 20, 34, 0.96) !important; color: rgba(238, 255, 252, 0.98) !important; -webkit-text-fill-color: rgba(238, 255, 252, 0.98) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 12px 30px rgba(0, 0, 0, 0.2) !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__toggle { display: none !important; flex: 0 0 auto !important; justify-content: center !important; align-items: center !important; min-width: 64px !important; padding: 0 12px !important; cursor: pointer !important; } @media (max-width: 1180px) and (min-width: 981px) { html body .shell.tc-public-page > .tc-home-nav .tc-home-brand__text { max-width: 14ch !important; font-size: 0.95rem !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links a, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__login, html body .shell.tc-public-page > .tc-home-nav .tc-home-button--sm { padding-inline: 8px !important; font-size: 0.82rem !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__spacer { display: none !important; } } @media (max-width: 1260px) { html body .shell.tc-public-page > .tc-home-nav { top: 8px !important; width: min(var(--tc-public-header-frame), calc(100vw - 16px)) !important; max-width: min(var(--tc-public-header-frame), calc(100vw - 16px)) !important; margin-top: 8px !important; border-radius: 14px !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__inner { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; min-height: 56px !important; padding: 8px 10px !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__bar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; width: 100% !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-brand__text { max-width: calc(100vw - 136px) !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__toggle { display: inline-flex !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__panel { display: none !important; grid-template-columns: minmax(0, 1fr) !important; align-items: stretch !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; padding-top: 4px !important; } html body .shell.tc-public-page > .tc-home-nav.site-header--open .tc-home-nav__panel { display: grid !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; width: 100% !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__spacer { display: none !important; } html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__links a, html body .shell.tc-public-page > .tc-home-nav .tc-home-nav__login, html body .shell.tc-public-page > .tc-home-nav .language-switch__form--compact, html body .shell.tc-public-page > .tc-home-nav .language-select, html body .shell.tc-public-page > .tc-home-nav .tc-home-button--sm { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; justify-content: flex-start !important; } html body .shell.tc-public-page > .tc-home-nav .language-select, html body .shell.tc-public-page > .tc-home-nav .tc-home-button--sm { justify-content: center !important; } } @media (max-width: 560px) { html body .shell.tc-public-page > .tc-home-nav { width: 100% !important; max-width: 100% !important; } } @media (prefers-reduced-motion: reduce) { html body .shell.tc-public-page > .tc-home-nav :where(a, button, select) { transition: none !important; } }