:root{--color-bg1:var(--brand-hero-bg-1,#6310ea);--color-bg2:var(--brand-hero-bg-2,#3a0a8a);--color1:var(--brand-hero-color-1,151,6,224);--color2:var(--brand-hero-color-2,217,56,136);--color3:var(--brand-hero-color-3,99,16,234);--color4:var(--brand-hero-color-4,151,6,224);--color5:var(--brand-hero-color-5,217,56,136);--circle-size:130%;--blending:hard-light;--g1-top:-200px;--g1-left:300px;--g2-top:100px;--g2-left:-400px;--g2-origin:-400px;--g3-top:200px;--g3-left:-500px;--g3-origin:400px;--g4-top:-150px;--g4-left:200px;--g4-origin:-200px;--g5-top:300px;--g5-left:400px;--g5-origin-x:-800px;--g5-origin-y:200px}@media (max-width:768px){:root{--circle-size:150%;--g1-top:-10vh;--g1-left:10vw;--g2-top:5vh;--g2-left:-20vw;--g2-origin:-20vw;--g3-top:15vh;--g3-left:-25vw;--g3-origin:20vw;--g4-top:-8vh;--g4-left:15vw;--g4-origin:-10vw;--g5-top:20vh;--g5-left:20vw;--g5-origin-x:-40vw;--g5-origin-y:10vh}.gradient-bg .gradients-container{filter:url(#goo) blur(25px)}}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}.gradient-bg{background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));contain:layout style paint;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.gradient-bg svg{height:0;left:0;position:fixed;top:0;width:0}.gradient-bg .gradients-container{backface-visibility:hidden;filter:url(#goo) blur(40px);height:100%;opacity:0;transform:translateZ(0);transition:opacity 1s ease-out;width:100%;will-change:opacity}.gradient-bg.animated .gradients-container{opacity:1}.gradient-bg .g1,.gradient-bg .g2,.gradient-bg .g3,.gradient-bg .g4,.gradient-bg .g5{animation-play-state:paused;height:var(--circle-size);mix-blend-mode:var(--blending);position:absolute;width:var(--circle-size);will-change:transform}.gradient-bg.animated .g1,.gradient-bg.animated .g2,.gradient-bg.animated .g3,.gradient-bg.animated .g4,.gradient-bg.animated .g5{animation-play-state:running}.gradient-bg .g1{animation:moveVertical 30s ease infinite;animation-delay:-15s;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2 + var(--g1-left));top:calc(50% - var(--circle-size)/2 + var(--g1-top));transform-origin:center center}.gradient-bg .g2{animation:moveInCircle 20s infinite reverse;animation-delay:-5s;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2 + var(--g2-left));top:calc(50% - var(--circle-size)/2 + var(--g2-top));transform-origin:calc(50% + var(--g2-origin))}.gradient-bg .g3{animation:moveInCircle 40s linear infinite;animation-delay:-20s;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2 + var(--g3-left));top:calc(50% - var(--circle-size)/2 + var(--g3-top));transform-origin:calc(50% + var(--g3-origin))}.gradient-bg .g4{animation:moveHorizontal 40s ease infinite;animation-delay:-10s;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2 + var(--g4-left));opacity:.7;top:calc(50% - var(--circle-size)/2 + var(--g4-top));transform-origin:calc(50% + var(--g4-origin))}.gradient-bg .g5{animation:moveInCircle 20s ease infinite;animation-delay:-7s;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2 + var(--g5-left));top:calc(50% - var(--circle-size)/2 + var(--g5-top));transform-origin:calc(50% + var(--g5-origin-x)) calc(50% + var(--g5-origin-y))}