:root{--color-bg1:#000;--color-bg2:#000;--color1:40,40,40;--color2:50,50,50;--color3:30,30,30;--color4:100,100,100;--color5:50,50,50;--color-interactive:255,255,255;--circle-size:90%;--blending:screen}@keyframes moveInCircle{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes moveVertical{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(50%) scale(.9)}to{transform:translateY(-50%) scale(1)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%) scale(1)}50%{transform:translateX(50%) translateY(10%) scale(1.1)}to{transform:translateX(-50%) translateY(-10%) scale(1)}}.gradient-bg{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(45deg,var(--color-bg1),var(--color-bg2));top:0;left:0;z-index:10}.gradient-bg svg{position:fixed;top:0;left:0;width:0;height:0}.gradient-bg .gradients-container{filter:url(#goo) blur(35px);width:100%;height:100%}.gradient-bg .g1{background:radial-gradient(circle at center,rgba(var(--color1),.9) 0,rgba(var(--color1),0) 60%) no-repeat;transform-origin:center center;animation:moveVertical 25s ease infinite}.gradient-bg .g1,.gradient-bg .g2{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);opacity:.3}.gradient-bg .g2{background:radial-gradient(circle at center,rgba(var(--color2),.9) 0,rgba(var(--color2),0) 60%) no-repeat;transform-origin:calc(50% - 300px);animation:moveInCircle 30s infinite reverse}.gradient-bg .g3{background:radial-gradient(circle at center,rgba(var(--color3),.9) 0,rgba(var(--color3),0) 60%) no-repeat;top:calc(50% - var(--circle-size)/2 + 200px);left:calc(50% - var(--circle-size)/2 - 400px);transform-origin:calc(50% + 400px);animation:moveInCircle 35s linear infinite}.gradient-bg .g3,.gradient-bg .g4{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);opacity:.3}.gradient-bg .g4{background:radial-gradient(circle at center,rgba(var(--color4),.9) 0,rgba(var(--color4),0) 60%) no-repeat;top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px);animation:moveHorizontal 28s ease infinite}.gradient-bg .g5{background:radial-gradient(circle at center,rgba(var(--color5),.9) 0,rgba(var(--color5),0) 60%) no-repeat;width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 32s ease infinite;opacity:.3}.gradient-bg .g5,.gradient-bg .interactive{position:absolute;mix-blend-mode:var(--blending)}.gradient-bg .interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.9) 0,rgba(var(--color-interactive),0) 60%) no-repeat;width:50%;height:50%;top:-25%;left:-25%;opacity:.2}