:root{--color-bg1:#1d01c7;--color-bg2:#120092;--color1:43,158,244;--color2:212,236,255;--color3:29,1,199;--color4:220,188,28;--color5:140,122,255;--color-interactive:71,46,227;--circle-size:80%;--blending:hard-light}@keyframes moveInCircle{0%{transform:rotate(0deg)}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:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));contain:layout style;overflow:hidden;padding-bottom:6rem;padding-top:6rem;position:relative}.gradient-bg .gausian-blur{height:0;left:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.gradient-bg .g1,.gradient-bg .g2,.gradient-bg .g3,.gradient-bg .g4,.gradient-bg .g5{contain:layout style;mix-blend-mode:var(--blending);opacity:0;position:absolute;transform:translateZ(0);transition:opacity .2s ease-out;will-change:transform,opacity}.animations-ready .gradient-bg .g1,.animations-ready .gradient-bg .g2,.animations-ready .gradient-bg .g3,.animations-ready .gradient-bg .g4,.animations-ready .gradient-bg .g5{opacity:.4;will-change:transform}.gradient-bg .g1{background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;height:var(--circle-size);left:calc(50% - var(--circle-size)/2);top:calc(50% - var(--circle-size)/2);transform-origin:center center;width:var(--circle-size)}.animations-ready .gradient-bg .g1{animation:moveVertical 30s ease infinite}.gradient-bg .g2{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;height:var(--circle-size);left:calc(50% - var(--circle-size)/2);top:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 400px);width:var(--circle-size)}.animations-ready .gradient-bg .g2{animation:moveInCircle 20s infinite reverse}.gradient-bg .g3{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;height:var(--circle-size);left:calc(50% - var(--circle-size)/2 - 500px);top:calc(50% - var(--circle-size)/2 + 200px);transform-origin:calc(50% + 400px);width:var(--circle-size)}.animations-ready .gradient-bg .g3{animation:moveInCircle 40s linear infinite}.gradient-bg .g4{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;height:var(--circle-size);left:calc(50% - var(--circle-size)/2);top:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px);width:var(--circle-size)}.animations-ready .gradient-bg .g4{animation:moveHorizontal 40s ease infinite}.gradient-bg .g5{background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;height:calc(var(--circle-size)*2);left:calc(50% - var(--circle-size));top:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);width:calc(var(--circle-size)*2)}.animations-ready .gradient-bg .g5{animation:moveInCircle 20s ease infinite}.gradient-bg .interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;height:100%;left:-50%;mix-blend-mode:var(--blending);opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .2s ease-out;width:100%}.animations-ready .gradient-bg .interactive{opacity:.7}.gradient-bg-critical{background:linear-gradient(40deg,#1d01c7,#120092);contain:layout;min-height:100vh;overflow:hidden;position:relative}.gradient-bg-critical .gradients-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.gradient-bg-critical .gradients-container>div{contain:layout style;opacity:0;position:absolute;transform:translateZ(0)}@media (max-width:768px){:root{--circle-size:200vw}.gradient-bg .gradients-container{filter:url(#goo) blur(20px)}.gradient-bg .g3{left:calc(50% - var(--circle-size)/2 - 200px);top:calc(50% - var(--circle-size)/2 + 100px)}}@media (prefers-reduced-motion:reduce){.gradient-bg .g1,.gradient-bg .g2,.gradient-bg .g3,.gradient-bg .g4,.gradient-bg .g5{animation:none!important}.gradient-bg .interactive{transform:none!important}}