/*
 * Phase 1 Landing/Public Website recovery layer.
 * Purpose: keep the approved dark AI/fintech design while making the public page safer on mobile.
 * This file is loaded only by the landing/public shortcode, not by Portal/Partner/Admin pages.
 */
body.ysgp-landing-public-page,
body.ysgp-landing-public-page #page,
body.ysgp-landing-public-page .site,
body.ysgp-landing-public-page .entry-content{
  margin:0!important;
  padding:0!important;
  background:#030508!important;
  overflow-x:hidden!important;
}
body.ysgp-landing-public-page #ysgp-landing-root{
  width:100vw!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
  background:#030508!important;
  isolation:isolate;
}
body.ysgp-landing-public-page #ysgp-landing-root img,
body.ysgp-landing-public-page #ysgp-landing-root video,
body.ysgp-landing-public-page #ysgp-landing-root canvas,
body.ysgp-landing-public-page #ysgp-landing-root svg{
  max-width:100%;
}
body.ysgp-landing-public-page #ysgp-landing-root nav{
  max-width:100vw!important;
}
body.ysgp-landing-public-page #ysgp-landing-root .ysgp-auth-wrap{
  z-index:100000!important;
}
body.ysgp-landing-public-page #ysgp-landing-root .ysgp-mobile-menu-panel{
  z-index:99999!important;
}
@media (max-width: 768px){
  body.ysgp-landing-public-page #ysgp-landing-root{
    min-height:100svh!important;
  }
  body.ysgp-landing-public-page #ysgp-landing-root .ysgp-hero-video-section-v269,
  body.ysgp-landing-public-page #ysgp-landing-root .ysgp-hero-video-layer-v275{
    background-color:#01030a!important;
    background-image:
      radial-gradient(circle at 52% 8%, rgba(124,58,237,.30), transparent 36%),
      radial-gradient(circle at 82% 32%, rgba(37,99,235,.24), transparent 44%),
      radial-gradient(circle at 16% 56%, rgba(34,211,238,.12), transparent 40%),
      linear-gradient(180deg, rgba(1,2,10,.28) 0%, rgba(2,4,14,.12) 42%, rgba(0,0,0,.42) 100%),
      url("images/landing-hero-fallback-2687215720.png")!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
  body.ysgp-landing-public-page #ysgp-landing-root.ysgp-ultra-static-video-v319 .ysgp-hero-video-layer-v275 video,
  body.ysgp-landing-public-page #ysgp-landing-root .ysgp-hero-video-seamless-v275.is-mobile-static-v314,
  body.ysgp-landing-public-page #ysgp-landing-root .ysgp-hero-video-seamless-v275.is-low-power-static-v318{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.ysgp-landing-public-page #ysgp-landing-root .ysgp-hero-title-v271{
    overflow-wrap:break-word!important;
  }
  body.ysgp-landing-public-page #ysgp-landing-root .ysgp-auth-card{
    max-height:calc(100svh - 96px)!important;
    overflow:auto!important;
  }
}
@media (min-width: 769px){
  body.ysgp-landing-public-page #ysgp-landing-root .ysgp-hero-video-bg-v269[data-src]:not([src]){
    opacity:0!important;
  }
}
@media (prefers-reduced-motion: reduce){
  body.ysgp-landing-public-page #ysgp-landing-root .animate-blob,
  body.ysgp-landing-public-page #ysgp-landing-root .animate-pulse,
  body.ysgp-landing-public-page #ysgp-landing-root .animate-spin{
    animation:none!important;
  }
}