.header{position:sticky;top:0;left:0;right:0;z-index:500;backdrop-filter:saturate(160%) blur(14px);background:linear-gradient(to bottom,rgba(5,6,22,.98),rgba(5,6,22,.9));border-bottom:1px solid rgba(79,209,197,.45);padding:0;display:block}
.nav{display:flex;gap:18px;align-items:center;padding:12px 16px;max-width:1120px;width:min(92%,1120px);margin:auto;background:transparent}
.brand{display:inline-flex;align-items:center;text-decoration:none;padding:4px 10px;border-radius:999px;background:rgba(5,6,22,.96);box-shadow:0 0 18px rgba(0,0,0,.9)}
.brand-logo{height:38px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(0,0,0,.85))}
@media (max-width: 640px){.brand-logo{height:28px}}
.brand-text{display:flex;flex-direction:column;margin-left:10px;line-height:1.1}
.brand-text-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(204,214,255,.8)}
.brand-text-main{font-size:17px;font-weight:600;color:#4fd1c5;text-shadow:0 0 12px rgba(0,0,0,.95)}
.navlinks{display:flex;gap:16px}
.navlinks a{padding:8px 10px;border-radius:999px;opacity:.9;color:#e6ecff;text-decoration:none;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease}
.navlinks a[aria-current="page"]{background:linear-gradient(135deg,#4fd1c5,#63b3ed);border-color:rgba(255,255,255,.2);color:#050616}
.lang{margin-left:auto;display:flex;gap:8px;align-items:center}
.language-selector{display:flex;gap:8px}
.language-selector .lang-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#e6eef7;border-radius:10px;text-decoration:none;font-size:16px;line-height:1}
.language-selector .lang-btn .flag{filter:saturate(1.1)}
.language-selector .lang-btn.is-active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.language-selector .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Screen-reader only utility (used by icon links + language selector) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header quick-link icons (Support + Login/Forgot + Contact) */
.navicons{display:flex;gap:10px;align-items:center;margin-left:10px}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);border-radius:10px;color:#e6ecff;text-decoration:none;opacity:.95}
.nav-icon:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.25)}
.nav-icon svg{width:18px;height:18px;fill:currentColor;display:block}

/* Reserve scrollbar space to avoid horizontal layout shift between pages */
html{scrollbar-gutter:stable}