/* === BizPartners site-wide header-motion background v5 === */
:root{
  --bp-motion-top:#061b36;
  --bp-motion-mid:#061327;
  --bp-motion-deep:#030914;
  --bp-motion-blue:rgba(56,189,248,.18);
  --bp-motion-blue-strong:rgba(125,211,252,.22);
  --bp-motion-gold:rgba(244,200,106,.13);
  --bp-motion-line:rgba(125,211,252,.14);
}

html{
  min-height:100%!important;
  background:var(--bp-motion-deep)!important;
}

body.app-body{
  min-height:100vh!important;
  overflow-x:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 14% 0%,var(--bp-motion-blue),transparent 26rem),
    radial-gradient(ellipse at 88% 0%,var(--bp-motion-gold),transparent 24rem),
    linear-gradient(180deg,var(--bp-motion-top) 0%,var(--bp-motion-mid) 45%,var(--bp-motion-deep) 100%)!important;
  background-attachment:fixed!important;
  color:#eaf2ff!important;
}

/* Kill old body pseudo backgrounds from earlier CSS passes so only the real fixed layer drives motion. */
body.app-body:before,
body.app-body:after,
body:before,
body:after{
  content:none!important;
  display:none!important;
  animation:none!important;
  opacity:0!important;
  background:none!important;
  transform:none!important;
}

.bp-global-motion-bg{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 14% 0%,rgba(125,211,252,.16),transparent 26rem),
    radial-gradient(ellipse at 88% 0%,rgba(244,200,106,.10),transparent 24rem),
    linear-gradient(180deg,var(--bp-motion-top) 0%,var(--bp-motion-mid) 45%,var(--bp-motion-deep) 100%)!important;
  transform:translateZ(0)!important;
}

.bp-bg-layer{
  position:absolute!important;
  inset:-18vh -18vw!important;
  display:block!important;
  pointer-events:none!important;
  transform:translateZ(0)!important;
  will-change:transform,background-position,opacity,filter!important;
}

.bp-bg-aurora{
  opacity:.95!important;
  background:
    radial-gradient(ellipse at 9% 4%,rgba(125,211,252,.24),transparent 29rem),
    radial-gradient(ellipse at 91% 3%,rgba(244,200,106,.16),transparent 27rem),
    radial-gradient(ellipse at 52% 35%,rgba(37,99,235,.16),transparent 42rem),
    linear-gradient(115deg,rgba(255,255,255,.048),transparent 38%,rgba(56,189,248,.060) 58%,transparent 78%);
  background-size:120% 120%,120% 120%,135% 135%,250% 250%;
  background-position:0% 0%,100% 0%,50% 36%,0% 48%;
  animation:bpMotionAurora 16s ease-in-out infinite alternate!important;
}

.bp-bg-sheen{
  opacity:.58!important;
  background:
    linear-gradient(104deg,transparent 0%,rgba(255,255,255,.09) 18%,rgba(125,211,252,.085) 23%,transparent 42%),
    linear-gradient(284deg,transparent 0%,rgba(244,200,106,.060) 18%,transparent 39%);
  background-size:260% 100%,240% 100%;
  background-position:-150% 0,150% 0;
  mix-blend-mode:screen;
  animation:bpMotionSheen 10s linear infinite!important;
}

.bp-bg-depth{
  inset:0!important;
  opacity:.44!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.060),transparent 2.6rem),
    radial-gradient(circle at 74% 11%,rgba(125,211,252,.075),transparent 8rem),
    linear-gradient(to top,rgba(2,8,18,.78),rgba(2,8,18,.20) 24%,transparent 62%);
  background-size:100% 100%,100% 100%,100% 100%;
  animation:bpMotionDepth 14s ease-in-out infinite alternate!important;
}

body.app-body > :not(.bp-global-motion-bg){
  position:relative!important;
  z-index:2!important;
}

.site-header,
.pro-site-header{
  position:sticky!important;
  top:0!important;
  z-index:1040!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 14% 0%,rgba(125,211,252,.16),transparent 26rem),
    radial-gradient(ellipse at 88% 0%,rgba(244,200,106,.10),transparent 24rem),
    linear-gradient(180deg,rgba(6,27,54,.94) 0%,rgba(6,19,39,.94) 52%,rgba(3,9,20,.96) 100%)!important;
  background-size:130% 130%,130% 130%,100% 100%!important;
  background-position:0% 0%,100% 0%,center!important;
  border-bottom:1px solid var(--bp-motion-line)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  animation:bpMotionHeaderGlow 16s ease-in-out infinite alternate!important;
}

.pro-site-header:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.66!important;
  background:
    linear-gradient(104deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(125,211,252,.070) 24%,transparent 44%),
    radial-gradient(ellipse at 18% 0%,rgba(125,211,252,.13),transparent 24rem),
    radial-gradient(ellipse at 82% 0%,rgba(244,200,106,.080),transparent 22rem)!important;
  background-size:260% 100%,100% 100%,100% 100%!important;
  background-position:-150% 0,center,center!important;
  animation:bpMotionHeaderSheen 10s linear infinite!important;
}

.pro-header-container,
.pro-site-navbar,
.full-header-proof-ticker,
.header-proof-pill,
.pro-header-top-row,
.pro-menu-panel{
  position:relative!important;
  z-index:1!important;
}

.pro-site-navbar,
.site-navbar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.026)),
    linear-gradient(180deg,rgba(8,28,55,.80),rgba(5,16,33,.86))!important;
  border:1px solid rgba(125,211,252,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 58px rgba(0,0,0,.24),0 0 0 1px rgba(125,211,252,.045)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

.header-proof-pill,
.full-header-proof-ticker{
  background:
    linear-gradient(90deg,rgba(244,200,106,.10),rgba(37,99,235,.10),rgba(125,211,252,.080)),
    rgba(4,16,32,.72)!important;
  border-color:rgba(125,211,252,.14)!important;
}

.app-shell,
.public-shell,
.account-shell,
.site-footer{
  background:transparent!important;
}

.page-panel,
.wrapper,
.wrapper2,
.wrapper3,
.home-card,
.account-content-card,
.dashboard-card,
.wallet-card,
.business-card,
.footer-card,
.modern-surface,
.page-hero{
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

.home-hero-video{
  display:block!important;
  object-fit:cover!important;
}
.home-hero-video img{
  display:none!important;
}

@keyframes bpMotionAurora{
  0%{background-position:0% 0%,100% 0%,50% 36%,0% 48%;filter:saturate(1) brightness(1);transform:translate3d(0,0,0) scale(1);}
  50%{background-position:30% 5%,70% 2%,48% 45%,58% 52%;filter:saturate(1.10) brightness(1.03);transform:translate3d(1.4vw,-.6vh,0) scale(1.014);}
  100%{background-position:64% 0%,36% 5%,54% 39%,100% 58%;filter:saturate(1.16) brightness(1.05);transform:translate3d(-1.1vw,.8vh,0) scale(1.020);}
}

@keyframes bpMotionSheen{
  0%{background-position:-150% 0,150% 0;opacity:.36;}
  18%{opacity:.62;}
  50%{background-position:80% 0,20% 0;opacity:.50;}
  100%{background-position:150% 0,-150% 0;opacity:.36;}
}

@keyframes bpMotionDepth{
  0%{opacity:.28;transform:translate3d(-10px,0,0);filter:brightness(1);}
  100%{opacity:.48;transform:translate3d(12px,-5px,0);filter:brightness(1.08);}
}

@keyframes bpMotionHeaderGlow{
  from{background-position:0% 0%,100% 0%,center;filter:saturate(1) brightness(1);}
  to{background-position:100% 0%,0% 0%,center;filter:saturate(1.10) brightness(1.035);}
}

@keyframes bpMotionHeaderSheen{
  from{background-position:-150% 0,center,center;}
  to{background-position:150% 0,center,center;}
}

@media(max-width:991.98px){
  .bp-bg-aurora{animation-duration:28s!important;opacity:.70!important;}
  .bp-bg-sheen{animation-duration:20s!important;opacity:.28!important;}
  .bp-bg-depth{animation-duration:24s!important;opacity:.24!important;}
  .site-header,.pro-site-header{animation-duration:28s!important;}
  .pro-site-header:before{animation-duration:20s!important;opacity:.34!important;}
  .page-panel,.wrapper,.wrapper2,.wrapper3,.home-card,.account-content-card,.dashboard-card,.wallet-card,.business-card,.footer-card,.modern-surface,.page-hero{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .bp-bg-aurora,.bp-bg-sheen,.bp-bg-depth,.site-header,.pro-site-header,.pro-site-header:before{
    animation-duration:60s!important;
  }
}