:root{--color-bg1:18,18,18;--color-bg2:18,18,18;--color1:59,66,159;--color2:184,51,106;--color3:157,42,86;--circle-size:90vh}@keyframes floatSlow{0%{transform:translate(0%)scale(1)}20%{transform:translate(5%,-5%)scale(1.02)}40%{transform:translate(-3%,8%)scale(1.03)}60%{transform:translate(6%,-6%)scale(1.04)}80%{transform:translate(-4%,5%)scale(1.03)}to{transform:translate(0%)scale(1)}}@keyframes pulseLight{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}.gradient-bg{background:rgb(var(--color-bg1));width:100vw;height:100vh;position:relative;overflow:hidden}.gradient-bg svg{width:0;height:0;position:fixed}.gradients-container{filter:url(#goo)blur(40px);position:absolute;inset:0;overflow:hidden}.g1,.g2,.g3{width:var(--circle-size);height:var(--circle-size);opacity:.4;border-radius:50%;position:absolute}.g1{background:radial-gradient(circle,rgba(var(--color1),.8)0%,rgba(var(--color1),0)70%);animation:90s ease-in-out infinite floatSlow,16s ease-in-out infinite pulseLight;top:10%;left:30%;transform:translate(-50%)}.g2{background:radial-gradient(circle,rgba(var(--color2),.8)0%,rgba(var(--color2),0)70%);animation:120s ease-in-out infinite floatSlow,18s ease-in-out infinite pulseLight;top:12%;left:45%;transform:translate(-50%)}.g3{background:radial-gradient(circle,rgba(var(--color3),.7)0%,rgba(var(--color3),0)75%);animation:150s ease-in-out infinite floatSlow,22s ease-in-out infinite pulseLight;top:10%;left:15%}@media (max-width:768px){.gradients-container{filter:blur(20px)}.g1,.g2,.g3{width:120vw;height:120vw}}