body.has-valut-motion-bg { position: relative; isolation: isolate; }
.valut-motion-backdrop {
  position: fixed; inset: 0; z-index: -1; overflow: hidden; overflow: clip;
  contain: paint; pointer-events: none; user-select: none; background: #000;
  opacity: 1; transition: opacity 800ms ease;
}
.valut-motion-backdrop > span,.valut-motion-backdrop__canvas { position: absolute; display: block; pointer-events: none; }
.valut-motion-backdrop__canvas { inset: 0; width: 100%; height: 100%; opacity: 0; }
.valut-motion-backdrop[data-motion-renderer="webgl"] .valut-motion-backdrop__canvas { opacity: 1; }
.valut-motion-backdrop[data-motion-renderer="webgl"] > span:not(.valut-motion-backdrop__shade) { display: none; }

/* Detailed folded-light fallback when WebGL is unavailable or loses context. */
.valut-motion-backdrop__wash {
  inset: 0;
  background: radial-gradient(ellipse at 44% 79%, rgb(48 129 52 / 23%), transparent 47%);
}
.valut-motion-backdrop__aurora {
  width: min(78vw,1050px); height: min(76vh,780px); left: 7%; bottom: -18%;
  border-radius: 48% 52% 24% 76% / 64% 42% 58% 36%;
  border: 2px solid rgb(170 246 95 / 52%);
  background: radial-gradient(ellipse at 55% 59%, transparent 47%,rgb(44 131 47 / 25%) 54%,rgb(158 238 85 / 36%) 56%,transparent 61%);
  box-shadow: inset 9px 5px 28px rgb(131 223 63 / 26%), 0 0 46px rgb(78 186 56 / 17%);
  filter: blur(2px); transform: rotate(-37deg) skewY(12deg); animation: valut-light-fold-a 23s ease-in-out infinite alternate;
}
.valut-motion-backdrop__mesh {
  width: min(48vw,680px); height: min(93vh,920px); left: 25%; bottom: -25%;
  border-radius: 63% 37% 69% 31% / 42% 62% 38% 58%;
  border: 1px solid rgb(158 238 103 / 42%);
  background: radial-gradient(ellipse at 58% 47%,transparent 43%,rgb(74 152 67 / 16%) 49%,rgb(167 249 110 / 40%) 50%,rgb(32 98 43 / 13%) 55%,transparent 63%);
  box-shadow: inset -7px 0 32px rgb(116 205 71 / 22%); filter: blur(1.5px);
  transform: rotate(29deg) skewX(-18deg); animation: valut-light-fold-b 29s ease-in-out infinite alternate;
}
.valut-motion-backdrop__ribbon {
  width: min(30vw,460px); height: min(80vh,820px); left: 32%; bottom: -31%;
  border-radius: 37% 63% 43% 57% / 68% 38% 62% 32%;
  border: 2px solid rgb(195 255 149 / 50%);
  background: linear-gradient(105deg,transparent 35%,rgb(105 199 81 / 20%) 45%,rgb(172 245 101 / 45%) 47%,transparent 57%);
  box-shadow: 6px 0 24px rgb(103 229 72 / 23%); filter: blur(1px);
  transform: rotate(-12deg) skewY(-18deg); animation: valut-light-fold-c 26s ease-in-out infinite alternate;
}
.valut-motion-backdrop__shade {
  inset: 0;
  background: linear-gradient(to bottom,#000 0%,rgb(0 0 0 / 68%) 14%,transparent 44%),
    radial-gradient(ellipse at 12% 29%,rgb(0 0 0 / 55%),transparent 61%);
}
.valut-motion-backdrop:not([data-motion-state="running"]) > span { animation-play-state: paused; }
.valut-motion-backdrop[data-motion-visible="false"] { opacity: 0; }
@keyframes valut-light-fold-a { to { transform: rotate(-20deg) skewY(-2deg) translate3d(5%,-6%,0); } }
@keyframes valut-light-fold-b { to { transform: rotate(13deg) skewX(8deg) translate3d(-8%,5%,0); } }
@keyframes valut-light-fold-c { to { transform: rotate(4deg) skewY(7deg) translate3d(7%,-9%,0); } }
@media (max-width:700px) {
  .valut-motion-backdrop__wash { background: radial-gradient(ellipse at 80% 43%,rgb(59 146 59 / 26%),transparent 51%); }
  .valut-motion-backdrop__aurora { width: 125vw; height: 65vh; left: 8%; bottom: 9%; }
  .valut-motion-backdrop__mesh { width: 95vw; height: 76vh; left: 28%; bottom: 1%; }
  .valut-motion-backdrop__ribbon { width: 60vw; height: 64vh; left: 44%; bottom: -1%; }
  .valut-motion-backdrop__shade { background: linear-gradient(to bottom,#000 0%,rgb(0 0 0 / 56%) 16%,transparent 43%),radial-gradient(ellipse at 0% 22%,rgb(0 0 0 / 70%),transparent 58%); }
}
@media (prefers-reduced-motion:reduce) {
  .valut-motion-backdrop { transition: none; }
  .valut-motion-backdrop > span { animation: none !important; }
}
@media (forced-colors:active),print { .valut-motion-backdrop { display:none; } }