:root{--color-bg1:#fcfdf2;--color-bg2:#fff;--color1:233,221,252;--circle-size:65%;--blending:hard-light}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-60%) translateX(0)}50%{transform:translateY(50%) translateX(-10%)}to{transform:translateY(-60%) translateX(0)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{width:100vw;height:100vh;inset:0;z-index:0;overflow:hidden;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2))}.gradient-bg,svg{position:fixed;top:0;left:0}svg{width:0;height:0}.gradients-container{filter:url(#goo) blur(20px);width:100%;height:100%}.g1{transform-origin:center center;animation:moveVertical 30s ease infinite}.g1,.g2{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.7) 10%,rgba(var(--color1),0) 50%) no-repeat;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:1}.g2{transform-origin:calc(50% - 400px);animation:moveInCircle 20s infinite reverse}.g3{width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite}.g3,.g4{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.7) 10%,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending);opacity:1}.g4{width:calc(var(--circle-size) * 1.25);height:calc(var(--circle-size) * 1.25);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite}.interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.7) 10%,rgba(var(--color1),0) 60%) no-repeat;mix-blend-mode:var(--blending);width:25%;height:25%;top:-12.5%;left:-12.5%;opacity:1}