/* Youthek v3 Foundation — shared design tokens and structural overrides */
:root{
  --yt-navy-950:#040b16;
  --yt-navy-900:#071321;
  --yt-navy-800:#0b1b31;
  --yt-indigo-500:#5b63ff;
  --yt-indigo-400:#7379ff;
  --yt-text:#071321;
  --yt-muted:#667085;
  --yt-border:#e2e7ef;
  --yt-surface:#fff;
  --yt-radius-sm:12px;
  --yt-radius-md:18px;
  --yt-radius-lg:28px;
  --yt-shadow-sm:0 12px 35px rgba(5,17,34,.08);
  --yt-shadow-lg:0 28px 80px rgba(3,11,24,.22);
  --yt-header-height:78px;
  --yt-container-wide:1480px;
}

html{scroll-padding-top:var(--yt-header-height)}
body{background:var(--yt-surface);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.container-wide{width:min(calc(100% - 56px),var(--yt-container-wide));margin-inline:auto}

.site-header--v3{
  height:var(--yt-header-height);
  padding:0;
  background:rgba(4,11,22,.96);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:saturate(150%) blur(16px);
  -webkit-backdrop-filter:saturate(150%) blur(16px);
}
.site-header--v3 .header-inner{height:100%;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px}
.brand--header{min-width:0;justify-self:start;background:transparent!important;padding:0!important;box-shadow:none!important}
.brand--header img{display:block;width:184px;height:auto;opacity:1;filter:none!important}
.site-header--v3 .main-nav{gap:30px}
.site-header--v3 .main-nav a{position:relative;padding:29px 0 24px;border:0;color:rgba(255,255,255,.88)}
.site-header--v3 .main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--yt-indigo-400),var(--yt-indigo-500));transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.site-header--v3 .main-nav a:hover::after,.site-header--v3 .main-nav a:focus-visible::after{transform:scaleX(1)}
.site-header--v3.is-scrolled{background:rgba(4,11,22,.9);box-shadow:0 10px 32px rgba(0,0,0,.18)}
.site-header--v3 .header-cta{min-height:44px;padding-inline:22px}

.footer--v3 .footer-brand{display:inline-flex;background:transparent!important;padding:0!important;box-shadow:none!important}
.footer--v3 .footer-brand img{width:184px;height:auto;filter:none!important;opacity:1!important}
.footer--v3 .footer-intro{max-width:360px}
.footer--v3 .footer-bottom span{letter-spacing:.16em;font-weight:700;color:#b8c1d1}

:focus-visible{outline:3px solid rgba(91,99,255,.45);outline-offset:3px}

@media(max-width:1100px){
  .site-header--v3 .header-inner{grid-template-columns:1fr auto}
  .site-header--v3 .main-nav{display:none}
  .site-header--v3 .header-actions{display:none}
  .site-header--v3 .menu-toggle{display:inline-flex;flex-direction:column;gap:5px;justify-self:end}
  .site-header--v3.open .main-nav{display:flex;position:absolute;top:var(--yt-header-height);left:0;right:0;padding:24px 28px 30px;background:rgba(4,11,22,.98);border-top:1px solid rgba(255,255,255,.08)}
}
@media(max-width:650px){
  :root{--yt-header-height:70px}
  .container-wide{width:min(calc(100% - 32px),var(--yt-container-wide))}
  .brand--header img,.footer--v3 .footer-brand img{width:158px}
}

/* v3.1 — foundation hardening */
html{overflow-x:clip}
body{overflow-x:clip}
.skip-link{position:fixed;left:18px;top:12px;z-index:9999;padding:12px 16px;border-radius:10px;background:#fff;color:#071321;font-weight:800;transform:translateY(-160%);transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}
.site-header--v3 .main-nav a.is-active::after{transform:scaleX(1)}
.site-header--v3 .main-nav a.is-active{color:#fff}
.site-header--v3 .menu-toggle{padding:0;border-radius:10px}
.site-header--v3 .menu-toggle:focus-visible{outline-color:#fff}
@media(max-width:1100px){
  .site-header--v3.open .main-nav{z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - var(--yt-header-height));overflow:auto}
  .site-header--v3.open .main-nav a{width:100%;padding:17px 0}
  .site-header--v3.open .main-nav a::after{left:0;right:auto;width:34px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =========================================================
   Youthek v3.2 — navigation feedback
   ========================================================= */
.site-header--v3{isolation:isolate}
.header-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none;background:rgba(255,255,255,.035)}
.header-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--yt-indigo-400),#8f72ff);will-change:transform}
.site-header--v3.is-scrolled .brand--header img{transform:scale(.965);transform-origin:left center}
.brand--header img{transition:transform .25s ease}
.site-header--v3 .header-cta{position:relative;overflow:hidden;isolation:isolate}
.site-header--v3 .header-cta::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28) 42%,transparent 64%);transform:translateX(-130%);transition:transform .55s ease}
.site-header--v3 .header-cta:hover::before,.site-header--v3 .header-cta:focus-visible::before{transform:translateX(130%)}