/* Header interaction finish. Load last; keeps the approved header grid,
   branding, menu structure and JavaScript contract unchanged. */
.header.header-final {
  --hf-royal: #8725eb;
  --hf-row: linear-gradient(105deg, #8d24df 0%, #7520d2 56%, #5e21bc 100%);
}

/* A real hover/focus response without widening the account column. */
.header.header-final .login-link {
  position: relative;
  isolation: isolate;
  min-height: 44px;
  color: #f5effb;
  font-weight: 300;
  cursor: pointer;
  transition: color .22s, transform .28s cubic-bezier(.2,.7,.25,1);
}
.header.header-final .login-link::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px -8px;
  border-radius: 4px;
  background: var(--hf-row);
  box-shadow: 0 7px 18px #0d041c36;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity .22s, transform .22s;
}
.header.header-final .login-link:is(:hover, :focus-visible) { color: #fff; transform: translateY(-3px); }
.header.header-final .login-link:is(:hover, :focus-visible)::before { opacity: 1; transform: none; }
.header.header-final .login-link:active { transform: translateY(-1px); }
.header.header-final .login-link:focus-visible { outline: 2px solid #c397ff; outline-offset: 7px; border-radius: 2px; }

/* A single quiet panel: no left accent strips, inset borders or icon tiles. */
.header.header-final .dropdown-panel {
  background: #201a28;
  border: 1px solid #ffffff16;
  box-shadow: 0 18px 48px #08040e5c;
}
.header.header-final .dropdown-panel a {
  position: relative;
  isolation: isolate;
  color: #f5f1fa;
  font-weight: 300;
  background: transparent;
  border: 0;
  box-shadow: none;
  transition: color .2s;
}
.header.header-final .dropdown-panel a::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 0;
  border-radius: inherit;
  background: var(--hf-row);
  box-shadow: none;
  opacity: 0;
  transition: opacity .2s;
}
.header.header-final .dropdown-panel a::after { content: none; }
.header.header-final .dropdown-panel a:is(:hover, :focus-visible) {
  color: #fff;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.header.header-final .dropdown-panel a:is(:hover, :focus-visible)::before { opacity: 1; }
.header.header-final .dropdown-panel a:focus-visible { outline: 2px solid #c397ff; outline-offset: 3px; }
.header.header-final .dropdown-panel small {
  color: #bdb1cc;
  font-weight: 300;
  transition: color .2s;
}
.header.header-final .dropdown-panel a:is(:hover, :focus-visible) small { color: #f2e6ff; }
.header.header-final .menu-caption { color: #b5a6c7; font-weight: 300; }
.header.header-final .menu-icon,
.header.header-final .menu-line-icon {
  color: #ba7aff;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  transition: color .2s;
}
.header.header-final .menu-symbol { width: 24px; height: 24px; overflow: visible; }
.header.header-final .dropdown-panel a:is(:hover, :focus-visible) :is(.menu-icon, .menu-line-icon) { color: #fff; }
.header.header-final .dropdown-panel .arr {
  color: #bba9cf;
  transform: none;
  transition: color .2s, transform .25s cubic-bezier(.2,.7,.25,1);
}
.header.header-final .dropdown-panel a:is(:hover, :focus-visible) .arr { color: #fff; transform: translateX(4px); }
.header.header-final .dropdown-panel .arr .long-arrow { transform: none; }

/* Existing course identifiers remain recognisable, without coloured squares. */
.header.header-final .menu-course-mark { background: transparent; border: 0; box-shadow: none; border-radius: 0; font-weight: 300; }
.header.header-final .mark-ozon { color: #91b7ff; }
.header.header-final .mark-market { color: #ca8cff; }
.header.header-final .dropdown-panel a:is(:hover, :focus-visible) :is(.mark-ozon, .mark-market) { color: #fff; }

@media (max-width: 800px) {
  .header.header-final .dropdown-panel { border: 0; box-shadow: none; background: #211a2b; }
  .header.header-final .login-link { min-height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .header.header-final .login-link,
  .header.header-final .login-link::before,
  .header.header-final .dropdown-panel a,
  .header.header-final .dropdown-panel a::before,
  .header.header-final .dropdown-panel small,
  .header.header-final .menu-icon,
  .header.header-final .menu-line-icon,
  .header.header-final .dropdown-panel .arr { transition: none; }
  .header.header-final .login-link:is(:hover, :focus-visible, :active),
  .header.header-final .login-link::before,
  .header.header-final .dropdown-panel a:is(:hover, :focus-visible) .arr { transform: none; }
}
/* Login remains a typographic action, aligned with Registration. */
.header.header-final .nav-account{align-items:center}
.header.header-final .login-link{display:inline-flex;align-items:center;justify-content:center;padding:0;min-height:49px;line-height:1.3;align-self:center;transform:none}
.header.header-final .login-link::before{content:none}
.header.header-final .login-link::after{content:'';position:absolute;left:0;right:0;bottom:9px;height:1px;background:linear-gradient(90deg,#cd19f5,#5a41ff);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.header.header-final .login-link:is(:hover,:focus-visible){color:#fff;transform:translateY(-1px)}
.header.header-final .login-link:is(:hover,:focus-visible)::after{transform:scaleX(1)}
@media(min-width:1241px){.header.header-final .nav-links{gap:32px;transform:translateX(-17px)}}
@media(min-width:1051px) and (max-width:1240px){.header.header-final .nav-links{gap:24px;transform:translateX(-10px)}}
@media(min-width:801px) and (max-width:1050px){.header.header-final .nav-links{gap:16px;transform:translateX(-4px)}}
@media(prefers-reduced-motion:reduce){.header.header-final .login-link::after{transition:none}.header.header-final .login-link:is(:hover,:focus-visible){transform:none}}
/* Confine glass compositing to the header background, outside the menus. */
.header.header-final,.header.header-final.is-scrolled{isolation:isolate;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.header.header-final::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;contain:paint;transform:translateZ(0);background:rgba(29,24,36,.99);transition:background-color .25s}
.header.header-final.is-scrolled::before{background:rgba(29,24,36,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* Do not allocate filter layers for individual service links under the glass. */
.services-refined .service-tags a:hover{filter:none}
/* Symmetric plaque: the drawing uses the actual painted letter bounds. */
.header.header-final .brand-plaque,.wbl-brand-name>span{padding:0;display:inline-grid;place-items:center}
.header.header-final .brand-plaque .pro-centered,.wbl-brand-name>span .pro-centered{display:block;width:50px;height:20px;object-fit:contain;margin:0;transform:none}
@media(max-width:600px){.header.header-final .brand-plaque .pro-centered{width:43px;height:18px}}