:root { --hc-site-header-height: 72px; }
.hc-site-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.hc-skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 11px 16px; background: #63e2ff; color: #001116; font-weight: 800; transform: translateY(-150%); }
.hc-skip-link:focus { transform: translateY(0); }
.hc-site-header { position: fixed; inset: 0 0 auto; z-index: 120; height: var(--hc-site-header-height); border-bottom: 1px solid rgba(99, 226, 255, .2); background: rgba(2, 7, 9, .9); backdrop-filter: blur(16px); transition: background-color .2s, border-color .2s; }
.hc-site-header.is-scrolled { border-color: rgba(99, 226, 255, .38); background: rgba(2, 7, 9, .97); }
.hc-site-header__inner { width: min(1380px, calc(100% - 48px)); height: 100%; margin-inline: auto; display: grid; grid-template-columns: minmax(205px, 1fr) auto; align-items: center; gap: 30px; }
.hc-site-brand { width: 245px; color: #f5fbfc; text-decoration: none; }
.hc-site-brand svg, .hc-site-footer__brand svg { width: 100%; height: auto; color: #f5fbfc; }
.hc-site-brand__mobile { display: none; }
.hc-site-nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(15px, 1.55vw, 28px); }
.hc-site-nav > a { position: relative; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #aebfc4; font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.hc-site-nav > a svg { width: 17px; height: 17px; fill: none; stroke: currentColor; }
.hc-site-nav > a::after { content: ""; position: absolute; inset: auto 50% 0; width: 0; height: 2px; background: #63e2ff; box-shadow: 0 0 10px rgba(99, 226, 255, .8); transition: left .2s, width .2s; }
.hc-site-nav > a:hover, .hc-site-nav > a:focus-visible, .hc-site-nav > a.is-active { color: #eafcff; }
.hc-site-nav > a:hover::after, .hc-site-nav > a:focus-visible::after, .hc-site-nav > a.is-active::after { left: 15%; width: 70%; }
.hc-site-nav .hc-site-account { color: #9beaff; }
.hc-site-logout { margin: 0; }
.hc-site-logout button { min-height: 34px; padding: 7px 10px; border: 1px solid rgba(99, 226, 255, .25); color: #9eb0b5; background: transparent; font-size: .63rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.hc-site-logout button:hover, .hc-site-logout button:focus-visible { color: #fff; border-color: #63e2ff; }
.hc-site-menu-toggle { display: none; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(99, 226, 255, .28); color: #63e2ff; background: rgba(7, 20, 24, .8); cursor: pointer; }
.hc-site-menu-toggle svg { grid-area: 1 / 1; width: 24px; height: 24px; fill: none; stroke: currentColor; transition: opacity .2s, transform .2s; }
.hc-site-menu-toggle__close { opacity: 0; transform: rotate(-45deg); }
.hc-site-menu-toggle[aria-expanded="true"] .hc-site-menu-toggle__open { opacity: 0; transform: rotate(45deg); }
.hc-site-menu-toggle[aria-expanded="true"] .hc-site-menu-toggle__close { opacity: 1; transform: none; }
.hc-site-footer { position: relative; z-index: 2; border-top: 1px solid rgba(99, 226, 255, .2); background: #010506; }
.hc-site-footer__inner { width: min(1180px, calc(100% - 48px)); min-height: 150px; margin-inline: auto; padding: 38px 0; display: grid; grid-template-columns: 230px 1fr; align-items: center; gap: 24px 50px; }
.hc-site-footer__brand { width: 230px; color: #f5fbfc; }
.hc-site-footer nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 18px 28px; }
.hc-site-footer nav a { color: #819399; font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.hc-site-footer nav a:hover, .hc-site-footer nav a:focus-visible { color: #63e2ff; }
.hc-site-footer__legal { grid-column: 1 / -1; padding-top: 20px; border-top: 1px solid rgba(99, 226, 255, .1); }
.hc-site-footer__legal button { padding: 0; border: 0; color: #819399; background: transparent; font: inherit; font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; cursor: pointer; }
.hc-site-footer__legal button:hover, .hc-site-footer__legal button:focus-visible { color: #63e2ff; }
.hc-site-footer p { grid-column: 1 / -1; margin: 0; color: #53666b; font-size: .67rem; letter-spacing: .05em; }
.hc-cookie-notice { position: fixed; z-index: 300; inset: auto 18px 18px; max-width: 980px; margin-inline: auto; padding: 20px; border: 1px solid rgba(99, 226, 255, .45); background: rgba(3, 10, 13, .98); box-shadow: 0 18px 70px rgba(0, 0, 0, .7); color: #dce8ea; }
.hc-cookie-notice[hidden], .hc-cookie-preferences[hidden] { display: none; }
.hc-cookie-notice__summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; }
.hc-cookie-notice strong { color: #fff; }
.hc-cookie-notice p { margin: 6px 0 0; color: #a8b9bd; font-size: .8rem; line-height: 1.55; }
.hc-cookie-notice a, .hc-cookie-link { color: #83eaff; }
.hc-cookie-notice__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.hc-cookie-notice__actions .hc-button { width: auto; min-height: 40px; padding: 8px 13px; font-size: .68rem; }
.hc-cookie-link { border: 0; background: transparent; font-size: .72rem; cursor: pointer; }
.hc-cookie-preferences { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(99, 226, 255, .18); }
.hc-cookie-preferences > div { display: flex; justify-content: space-between; gap: 24px; }
.hc-cookie-preferences > div > span { color: #73e6a6; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.hc-checkout-consent { align-items: flex-start; margin-bottom: 16px; font-size: .78rem; line-height: 1.45; }
.hc-checkout-consent a { color: #83eaff; }
body.hc-site-menu-open { overflow: hidden; }
@media (max-width: 1120px) {
    .hc-site-header__inner { width: calc(100% - 32px); grid-template-columns: 1fr auto; }
    .hc-site-brand { width: 205px; }
    .hc-site-menu-toggle { display: grid; }
    .hc-site-nav { position: fixed; inset: var(--hc-site-header-height) 0 auto; max-height: calc(100svh - var(--hc-site-header-height)); overflow-y: auto; padding: 14px 22px 26px; display: none; align-items: stretch; flex-direction: column; gap: 0; border-bottom: 1px solid rgba(99, 226, 255, .45); background: rgba(2, 7, 9, .99); box-shadow: 0 24px 60px rgba(0, 0, 0, .65); }
    .hc-site-nav.is-open { display: flex; }
    .hc-site-nav > a { width: 100%; min-height: 52px; padding: 0 12px; border-bottom: 1px solid rgba(99, 226, 255, .1); }
    .hc-site-nav > a::after { display: none; }
    .hc-site-logout { padding: 14px 12px 0; }
}
@media (max-width: 600px) {
    :root { --hc-site-header-height: 64px; }
    .hc-site-header__inner { width: calc(100% - 24px); }
    .hc-site-brand { width: 168px; }
    .hc-site-brand__desktop { display: none; }
    .hc-site-brand__mobile { display: block; }
    .hc-site-footer__inner { width: calc(100% - 30px); grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .hc-site-footer nav { justify-content: center; }
    .hc-site-footer p { grid-column: 1; }
    .hc-site-footer__legal { grid-column: 1; }
    .hc-cookie-notice { inset: auto 8px 8px; padding: 16px; }
    .hc-cookie-notice__summary { grid-template-columns: 1fr; }
    .hc-cookie-notice__actions { justify-content: flex-start; }
}
