/* Shared navigation and footer: deliberately scoped to avoid changing page content. */
.na-site-header { color: #f4f5ff; background: #101429; border-bottom: 1px solid #a99de82b; border-radius: 0; padding: 0; box-shadow: none; }
.na-site-header .na-nav-inner { max-width: 1440px; min-height: 84px; padding: 16px 28px; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: nowrap; }
.na-site-header .nav-logo { display: inline-flex; flex-shrink: 0; align-items: center; }
.na-site-header .nav-logo__image { width: 120px; height: 42px; display: block; object-fit: contain; }
.na-site-header .na-desktop-nav { display: flex; align-items: center; gap: 2px; margin: 0; font-size: 14px; }
.na-site-header .na-desktop-nav a { margin: 0; padding: 10px 12px; border-radius: 9px; white-space: nowrap; }
.na-site-header .na-account-nav { display: flex; gap: 12px; align-items: center; margin: 0; font-size: 14px; }
.na-site-header .na-account-nav > * { margin: 0; }
.na-site-header .na-account-nav > a { min-height: 40px; display: inline-flex; align-items: center; padding-inline: 14px; }
.na-site-header a:hover { color: white; background-color: #a699e91a; }
.na-site-header :where(a, button):focus-visible, .na-site-footer a:focus-visible { outline: 3px solid #c4b5fd; outline-offset: 3px; }
.na-site-header #mobileNavToggle { display: none; min-height: 44px; min-width: 44px; border: 1px solid #a99de838; border-radius: 10px; align-items: center; justify-content: center; }
.na-site-header .na-mobile-nav[hidden] { display: none !important; }
.na-site-header .na-mobile-nav { padding: 12px 20px 20px; border-top: 1px solid #a99de820; }
.na-site-header .na-mobile-nav a { display: flex; align-items: center; min-height: 46px; border-radius: 10px; padding: 10px 14px; font-size: 15px; }
.na-site-footer { padding: 32px 20px; background: #0c1125; border-top: 1px solid #a99de826; color: #b9bfd3; }
.na-site-footer > div { max-width: 1200px; margin-inline: auto; text-align: center; }
.na-site-footer .na-footer-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 24px; margin-bottom: 16px; }
.na-site-footer .na-footer-links a { margin: 0; padding-block: 10px; font-size: 13px; color: #b9bfd3; }
.na-site-footer a:hover { color: #e4d5ff; }
.na-site-footer p, .na-site-footer p a { font-size: 12px; color: #979fb9; }
@media (max-width: 1099px) {
    .na-site-header .na-nav-inner { min-height: 76px; padding: 14px 20px; gap: 12px; flex-wrap: wrap; }
    .na-site-header .na-desktop-nav { display: none; }
    .na-site-header #mobileNavToggle { display: inline-flex; order: 3; }
    .na-site-header .na-account-nav { margin-left: auto; }
}
@media (max-width: 420px) {
    .na-site-header .na-nav-inner { gap: 8px; padding: 12px; }
    .na-site-header .nav-logo__image { width: 94px; height: 34px; }
    .na-site-header .na-account-nav { gap: 4px; font-size: 13px; }
    .na-site-header .na-account-nav > a { padding-inline: 10px; }
}
@media (min-width: 1100px) { .na-site-header .na-mobile-nav { display: none; } }
@media (prefers-reduced-motion: reduce) { .na-site-header * { transition: none !important; } }