@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-20%)}50%{transform:translateY(20%)}to{transform:translateY(-20%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}:root{--color-bg1:rgb(108,0,162);--color-bg2:rgb(0,17,82);--color1:18,113,255;--color2:221,74,255;--color3:100,220,255;--color4:200,50,50;--color5:180,180,50;--color-interactive:140,100,255;--circle-size:1027px;--blending:hard-light}svg{position:fixed;top:0;left:0;width:0;height:0}.gradients-container{filter:url(#goo) blur(240px);width:100%;height:100%;position:absolute;z-index:-1}.g1{background:#101C79;width:var(--circle-size);height:var(--circle-size);left:-20%;transform-origin:center center;animation:moveVertical 30s ease infinite}.g1,.g2{position:absolute;mix-blend-mode:var(--blending);top:0;border-radius:50%;opacity:1;z-index:0}.g2{background:#00D9E7;width:calc(var(--circle-size) / 2);height:calc(var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 400px);animation:moveInCircle 20s infinite reverse}.g3{background:#3363FF;width:647px;height:647px;top:calc(50% - 647px / 2 + 200px);right:0;transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;border-radius:50%;opacity:1;z-index:0}.g3,.g4{position:absolute;mix-blend-mode:var(--blending)}.g4{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.g5{background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;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);animation:moveInCircle 20s ease infinite;opacity:1}.g5,.interactive{position:absolute;mix-blend-mode:var(--blending)}.interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;width:100%;height:100%;top:-50%;left:-50%;opacity:.7}