.animated-background{inset:0;overflow:hidden;pointer-events:none;position:absolute}.animated-ball{background:radial-gradient(at 25% 25%,#fff,#18181b 75%);border-radius:50%;height:var(--h);position:absolute;width:var(--w)}.large-ball-0{animation:float-large0 20s linear infinite}@keyframes float-large0{0%{transform:translate(var(--x-from),var(--y-from)) scale(var(--scale-from)) rotate(var(--rotate-from))}50%{transform:translate(var(--x-to1),var(--y-to1)) scale(var(--scale-to1)) rotate(var(--rotate-to1))}to{transform:translate(var(--x-to2),var(--y-to2)) scale(var(--scale-to2)) rotate(var(--rotate-to2))}}.large-ball-1{animation:float-large1 25s linear infinite}@keyframes float-large1{0%{transform:translate(var(--x-from),var(--y-from)) scale(var(--scale-from)) rotate(var(--rotate-from))}50%{transform:translate(var(--x-to1),var(--y-to1)) scale(var(--scale-to1)) rotate(var(--rotate-to1))}to{transform:translate(var(--x-to2),var(--y-to2)) scale(var(--scale-to2)) rotate(var(--rotate-to2))}}.large-ball-2{animation:float-large2 18s ease-in-out infinite}@keyframes float-large2{0%{transform:translate(var(--x-from),var(--y-from)) scale(var(--scale-from)) rotate(var(--rotate-from))}33%{transform:translate(var(--x-to1),var(--y-to1)) scale(var(--scale-to1)) rotate(var(--rotate-to1))}66%{transform:translate(var(--x-to2),var(--y-to2)) scale(var(--scale-to2)) rotate(var(--rotate-to1))}to{transform:translate(var(--x-to3),var(--y-to3)) scale(var(--scale-to3)) rotate(var(--rotate-to2))}}.large-ball-3{animation:float-large3 22s linear infinite}@keyframes float-large3{0%{transform:translate(var(--x-from),var(--y-from)) scale(var(--scale-from)) rotate(var(--rotate-from))}50%{transform:translate(var(--x-to1),var(--y-to1)) scale(var(--scale-to1)) rotate(var(--rotate-to1))}to{transform:translate(var(--x-to2),var(--y-to2)) scale(var(--scale-to2)) rotate(var(--rotate-to2))}}.small-ball{animation:float-small var(--duration,20s) ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes float-small{0%{transform:translate(var(--x-from),var(--y-from)) scale(var(--scale-from)) rotate(var(--rotate-from))}50%{transform:translate(var(--x-to1),var(--y-to1)) scale(var(--scale-to1)) rotate(var(--rotate-to1))}to{transform:translate(var(--x-to2),var(--y-to2)) scale(var(--scale-to2)) rotate(var(--rotate-to2))}}.gradient-overlay{inset:0;position:absolute}.gradient-1{animation:opacity-pulse1 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,rgba(147,51,234,.08) 0,transparent 50%)}@keyframes opacity-pulse1{0%,to{opacity:.3}50%{opacity:.6}}.gradient-2{animation:opacity-pulse2 12s ease-in-out infinite;animation-delay:4s;background:radial-gradient(circle at 80% 70%,rgba(59,130,246,.06) 0,transparent 50%)}@keyframes opacity-pulse2{0%,to{opacity:.4}50%{opacity:.7}}