/* Performance-first shared visual layer.
   This intentionally contains no keyframes or 3D motion. */
html.motion-frame-static,
html.motion-frame-static body{
  min-height:100%;
  background:#0b1020;
}

html.motion-frame-static *,
html.motion-frame-static *::before,
html.motion-frame-static *::after{
  animation:none!important;
  transition-duration:.12s!important;
  scroll-behavior:auto!important;
}

.bg-fx.motion-frame-bg,
.orbs.motion-frame-bg,
.motion-frame-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
  contain:layout paint style;
  background:
    radial-gradient(circle at 12% 10%,rgba(99,102,241,.16),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(20,184,166,.12),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(168,85,247,.12),transparent 34%),
    linear-gradient(180deg,#10162a 0%,#0b1020 42%,#080b14 100%);
}

.motion-frame-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(148,163,184,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.18));
}

.motion-frame-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,11,20,.1),rgba(8,11,20,.72));
}

.motion-frame-bg .aurora,
.motion-frame-bg .orb,
.motion-frame-bg #particles{
  display:none!important;
}

html.motion-frame-static .motion-frame-scene,
html.motion-frame-static .motion-frame-stage,
html.motion-frame-static .motion-frame-rails,
html.motion-frame-static .motion-frame-core{
  display:none!important;
}

html.motion-frame-static .topbar{
  background:rgba(13,18,34,.92)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.18)!important;
}

html.motion-frame-static .top-bar{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html.motion-frame-static .topbar-brand,
html.motion-frame-static .gradient-text{
  background:linear-gradient(90deg,#dbeafe,#93c5fd 48%,#5eead4)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

html.motion-frame-static .panel,
html.motion-frame-static .auth-card,
html.motion-frame-static .content-card,
html.motion-frame-static .fp-card,
html.motion-frame-static .rp-card,
html.motion-frame-static .modal-content{
  background:rgba(15,23,42,.84)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-color:rgba(148,163,184,.16)!important;
  border-top-color:rgba(96,165,250,.42)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}

html.motion-frame-static .panel:hover{
  transform:none!important;
}

html.motion-frame-static .content-card,
html.motion-frame-static .fp-card,
html.motion-frame-static .rp-card{
  contain:layout paint style;
}

html.motion-frame-static .offcanvas-custom{
  background:#101827!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-left:1px solid rgba(148,163,184,.16)!important;
  box-shadow:-18px 0 42px rgba(0,0,0,.32)!important;
}

html.motion-frame-static .menu-overlay{
  background:rgba(2,6,23,.62)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html.motion-frame-static .menu-item{
  border-radius:10px!important;
}

html.motion-frame-static .menu-item:hover{
  transform:none!important;
}

html.motion-frame-static .coin-chip:hover,
html.motion-frame-static .btn-pill:hover,
html.motion-frame-static .btn-submit:hover,
html.motion-frame-static .upload-fab:hover,
html.motion-frame-static .pcell:hover,
html.motion-frame-static #positionGrid .grid-cell:hover,
html.motion-frame-static .mode-card:hover{
  transform:none!important;
}

html.motion-frame-static .btn-pill-glow,
html.motion-frame-static .gradient-primary,
html.motion-frame-static .upload-fab{
  background:linear-gradient(135deg,#4f46e5,#0891b2)!important;
  box-shadow:0 10px 24px rgba(79,70,229,.22)!important;
}

html.motion-frame-static .shimmer-btn::after,
html.motion-frame-static .btn-pill-glow::after,
html.motion-frame-static .logo-ring::before,
html.motion-frame-static .pulse-blob{
  display:none!important;
}

html.motion-frame-static .logo-img,
html.motion-frame-static .float-card,
html.motion-frame-static .progress-loop,
html.motion-frame-static .marquee-track,
html.motion-frame-static .icon-breath,
html.motion-frame-static .step-node::after,
html.motion-frame-static .badge-pulse,
html.motion-frame-static .cta-beams::before,
html.motion-frame-static .btn-pill-glow,
html.motion-frame-static .topbar-brand,
html.motion-frame-static .gradient-text,
html.motion-frame-static .orb,
html.motion-frame-static .aurora,
html.motion-frame-static .particle{
  animation:none!important;
}

html.motion-frame-static .ambient-particles,
html.motion-frame-static .page-entrance,
html.motion-frame-static .reveal-up{
  opacity:1!important;
  transform:none!important;
}

html.motion-frame-static .rm-particle,
html.motion-frame-static .orb{
  display:none!important;
}

@media (max-width:700px){
  .bg-fx.motion-frame-bg,
  .orbs.motion-frame-bg,
  .motion-frame-bg{
    background:
      radial-gradient(circle at 10% 0%,rgba(99,102,241,.14),transparent 26%),
      linear-gradient(180deg,#10162a 0%,#0b1020 54%,#080b14 100%);
  }
  .motion-frame-bg::before{
    background-size:56px 56px;
    opacity:.5;
  }
  html.motion-frame-static .panel,
  html.motion-frame-static .auth-card{
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  }
  html.motion-frame-static .field-group{
    flex-direction:column!important;
  }
  html.motion-frame-static .field-group .btn-pill{
    width:100%!important;
    min-height:46px!important;
  }
}