
  body > header:first-of-type {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    margin: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition:
      background 0.35s ease,
      border-color 0.35s ease,
      box-shadow 0.35s ease,
      backdrop-filter 0.35s ease;
  }

  body > header:first-of-type.scrolled {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom-color: rgba(13, 20, 87, 0.08) !important;
    box-shadow: 0 14px 36px rgba(13, 20, 87, 0.10) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  body > header:first-of-type:not(.scrolled) .nav-links > a,
  body > header:first-of-type:not(.scrolled) .dropdown > a {
    color: #ffffff !important;
  }

  body > header:first-of-type.scrolled .nav-links > a,
  body > header:first-of-type.scrolled .dropdown > a {
    color: var(--navy-dark, #0d1457) !important;
  }

  body > header:first-of-type:not(.scrolled) .language-toggle,
  body > header:first-of-type:not(.scrolled) .eacc-language-toggle,
  body > header:first-of-type:not(.scrolled) .nav-lms {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    background: rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 10px 24px rgba(13, 20, 87, 0.12) !important;
  }

  body > header:first-of-type.scrolled .language-toggle,
  body > header:first-of-type.scrolled .eacc-language-toggle,
  body > header:first-of-type.scrolled .nav-lms {
    color: var(--navy-dark, #0d1457) !important;
    border-color: rgba(13, 20, 87, 0.12) !important;
    background: rgba(13, 20, 87, 0.05) !important;
  }

  body > header:first-of-type .nav-apply {
    color: var(--navy-dark, #0d1457) !important;
  }

  @media (max-width: 768px) {
    body > header:first-of-type nav.nav-links {
      background: #ffffff !important;
    }

    body > header:first-of-type nav.nav-links a,
    body > header:first-of-type nav.nav-links .dropdown > a,
    body > header:first-of-type nav.nav-links .language-toggle,
    body > header:first-of-type nav.nav-links .eacc-language-toggle,
    body > header:first-of-type nav.nav-links .nav-lms {
      color: var(--navy-dark, #0d1457) !important;
    }
  }
