:root{--color-bg1:#080a0f;--color-bg2:#001120;--color1:18,113,255;--color2:107,74,255;--color3:100,100,255;--color4:50,160,220;--color5:80,47,122;--color-interactive:140,100,255;--circle-size:80%;--blending:hard-light}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes moveVertical{0%,100%{transform:translateY(-50%)}50%{transform:translateY(50%)}}@keyframes moveHorizontal{0%,100%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}}@-webkit-keyframes moveInCircle{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes moveVertical{0%,100%{-webkit-transform:translateY(-50%)}50%{-webkit-transform:translateY(50%)}}@-webkit-keyframes moveHorizontal{0%,100%{-webkit-transform:translateX(-50%) translateY(-10%)}50%{-webkit-transform:translateX(50%) translateY(10%)}}@-moz-keyframes moveInCircle{0%{-moz-transform:rotate(0)}50%{-moz-transform:rotate(180deg)}100%{-moz-transform:rotate(360deg)}}@-moz-keyframes moveVertical{0%,100%{-moz-transform:translateY(-50%)}50%{-moz-transform:translateY(50%)}}@-moz-keyframes moveHorizontal{0%,100%{-moz-transform:translateX(-50%) translateY(-10%)}50%{-moz-transform:translateX(50%) translateY(10%)}}.gradient-bg{width:100%;height:100%;min-height:100vh;position:fixed;overflow:hidden;background:-webkit-linear-gradient(40deg,var(--color-bg1),var(--color-bg2));background:-moz-linear-gradient(40deg,var(--color-bg1),var(--color-bg2));background:-o-linear-gradient(40deg,var(--color-bg1),var(--color-bg2));background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));top:0;left:0;z-index:-1}.gradients-container,.noiseBg{width:100%;height:100%;z-index:-1}.svgBlur{display:none}.noiseBg{position:absolute;top:0;left:0;mix-blend-mode:soft-light;-webkit-mix-blend-mode:soft-light;opacity:.3}.g1,.g2,.g3,.g4{width:var(--circle-size);height:var(--circle-size);position:absolute;mix-blend-mode:var(--blending);-webkit-mix-blend-mode:var(--blending)}.g1,.g2{top:calc(50% - var(--circle-size)/ 2);left:calc(50% - var(--circle-size)/ 2)}.g1,.g2,.g3{opacity:1}.gradients-container{-webkit-filter:url(#goo) blur(50px);-moz-filter:url(#goo) blur(50px);-o-filter:url(#goo) blur(50px);-ms-filter:url(#goo) blur(50px);filter:url(#goo) blur(50px)}.g1{background:-webkit-radial-gradient(circle,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;background:radial-gradient(circle,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;-webkit-animation:moveVertical 30s infinite;-moz-animation:moveVertical 30s infinite;-o-animation:moveVertical 30s infinite;animation:moveVertical 30s infinite}.g2{background:-webkit-radial-gradient(circle,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;background:radial-gradient(circle,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);-webkit-transform-origin:calc(50% - 400px);-moz-transform-origin:calc(50% - 400px);-ms-transform-origin:calc(50% - 400px);-webkit-animation:moveInCircle 20s infinite reverse;-moz-animation:moveInCircle 20s infinite reverse;-o-animation:moveInCircle 20s infinite reverse;animation:moveInCircle 20s infinite reverse}.g3{background:-webkit-radial-gradient(circle,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;background:radial-gradient(circle,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;top:calc(50% - var(--circle-size)/ 2 + 200px);left:calc(50% - var(--circle-size)/ 2 - 500px);transform-origin:calc(50% + 400px);-webkit-transform-origin:calc(50% + 400px);-moz-transform-origin:calc(50% + 400px);-ms-transform-origin:calc(50% + 400px);-webkit-animation:moveInCircle 40s linear infinite;-moz-animation:moveInCircle 40s linear infinite;-o-animation:moveInCircle 40s linear infinite;animation:moveInCircle 40s linear infinite}.g4{background:-webkit-radial-gradient(circle,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;background:radial-gradient(circle,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;top:calc(50% - var(--circle-size)/ 2);left:calc(50% - var(--circle-size)/ 2);transform-origin:calc(50% - 200px);-webkit-transform-origin:calc(50% - 200px);-moz-transform-origin:calc(50% - 200px);-ms-transform-origin:calc(50% - 200px);-webkit-animation:moveHorizontal 40s infinite;-moz-animation:moveHorizontal 40s infinite;-o-animation:moveHorizontal 40s infinite;animation:moveHorizontal 40s infinite;opacity:.7}.g5,.g6{position:absolute;background:-webkit-radial-gradient(circle,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;background:radial-gradient(circle,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);-webkit-mix-blend-mode:var(--blending);width:calc(var(--circle-size)*2);height:calc(var(--circle-size)*2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);-webkit-transform-origin:calc(50% - 800px) calc(50% + 200px);-moz-transform-origin:calc(50% - 800px) calc(50% + 200px);-ms-transform-origin:calc(50% - 800px) calc(50% + 200px);-webkit-animation:moveInCircle 20s infinite;-moz-animation:moveInCircle 20s infinite;-o-animation:moveInCircle 20s infinite;animation:moveInCircle 20s infinite}.interactive{position:absolute;background:-webkit-radial-gradient(circle,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;background:radial-gradient(circle,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;mix-blend-mode:var(--blending);-webkit-mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;opacity:.7}@-moz-document url-prefix(){.gradients-container{-moz-filter:blur(40px)!important;filter:blur(40px)!important}.interactive{filter:none!important;-moz-filter:none!important;opacity:.6!important;mix-blend-mode:screen!important;-webkit-mix-blend-mode:screen!important}.g1,.g2,.g3,.g4,.g5,.g6{will-change:transform!important;backface-visibility:hidden!important;transform-style:preserve-3d!important}}