body.auth-page.auth-foundation .auth-foundation-shell{
  background:
    radial-gradient(circle at 84% 16%, rgba(255,255,255,.18), transparent 12%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.03));
}
body.auth-page.auth-foundation[data-live-weather="sun"] .auth-foundation-shell{
  background:
    radial-gradient(circle at 90% 16%, rgba(255,214,102,.34), transparent 12%),
    linear-gradient(180deg,#d6e8f8 0%, #9bc4ea 52%, #7ea9d2 100%);
}
body.auth-page.auth-foundation[data-live-weather="clear-night"] .auth-foundation-shell{
  background:
    radial-gradient(circle at 88% 14%, rgba(248,250,252,.18), transparent 12%),
    linear-gradient(180deg,#18345a 0%, #23456d 46%, #355a84 100%);
}
body.auth-page.auth-foundation[data-live-weather="cloud"] .auth-foundation-shell{
  background:
    radial-gradient(circle at 92% 14%, rgba(255,255,255,.14), transparent 10%),
    linear-gradient(180deg,#d9e5ef 0%, #bfd0df 42%, #9fb6ca 100%);
}
body.auth-page.auth-foundation[data-live-weather="rain"] .auth-foundation-shell,
body.auth-page.auth-foundation[data-live-weather="storm"] .auth-foundation-shell{
  background:
    radial-gradient(circle at 88% 16%, rgba(255,255,255,.08), transparent 10%),
    linear-gradient(180deg,#8395aa 0%, #6e839b 44%, #55708b 100%);
}
body.auth-page.auth-foundation[data-live-weather="sun"] .auth-feature-cloud,
body.auth-page.auth-foundation[data-live-weather="cloud"] .auth-feature-cloud,
body.auth-page.auth-foundation[data-live-weather="rain"] .auth-feature-cloud,
body.auth-page.auth-foundation[data-live-weather="storm"] .auth-feature-cloud,
body.auth-page.auth-foundation[data-live-weather="clear-night"] .auth-feature-cloud{
  background:rgba(255,255,255,.78);
}
body.auth-page.auth-foundation[data-live-weather="clear-night"] .auth-foundation-title,
body.auth-page.auth-foundation[data-live-weather="clear-night"] .auth-foundation-copy,
body.auth-page.auth-foundation[data-live-weather="clear-night"] .auth-foundation-kicker{color:#f8fbff;}


/* v210 full-page live weather background */
body.auth-page.auth-foundation,
body.auth-page.auth-foundation .sa-shell,
body.auth-page.auth-foundation .sa-main,
body.auth-page.auth-foundation .sa-content,
body.auth-page.auth-foundation .auth-foundation-shell{
  background:transparent!important;
}
body.auth-page.auth-foundation .auth-foundation-shell{
  position:relative;
  isolation:auto!important;
}
body.auth-page.auth-foundation .auth-foundation-shell::before,
body.auth-page.auth-foundation .auth-foundation-shell::after{
  display:none!important;
}
body.auth-page.auth-foundation .auth-weather-stage{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body.auth-page.auth-foundation .auth-weather-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
  image-rendering:auto!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .55s ease!important;
  will-change:opacity,transform;
  transform:translateZ(0);
  backface-visibility:hidden;
}
body.auth-page.auth-foundation .auth-weather-video.is-active{
  opacity:1!important;
  visibility:visible!important;
}
body.auth-page.auth-foundation .auth-weather-video-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(2,8,20,.05),rgba(2,8,20,.02))!important;
}
body.auth-page.auth-foundation .sa-shell,
body.auth-page.auth-foundation .sa-main,
body.auth-page.auth-foundation .sa-content,
body.auth-page.auth-foundation .auth-foundation-grid,
body.auth-page.auth-foundation .auth-foundation-hero,
body.auth-page.auth-foundation .auth-foundation-card{
  position:relative;
  z-index:1;
}


/* v211 global fixed weather stage for entire auth page */
body.auth-page.auth-foundation .auth-weather-stage-global{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body.auth-page.auth-foundation .auth-weather-stage-global .auth-weather-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.auth-page.auth-foundation .sa-shell,
body.auth-page.auth-foundation .sa-backdrop{
  position:relative;
  z-index:1;
}


/* v212 lower weather overlay so video stays visible across main page */
body.auth-page.auth-foundation .auth-weather-video-overlay{
  background:linear-gradient(180deg,rgba(2,8,20,.03),rgba(2,8,20,.01))!important;
}