.gradient-container{background:#0b2f47;border-radius:1.5rem;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}@media (max-width:640px){.gradient-container{height:auto;min-height:500px}}.gradients-wrapper{filter:url(#goo)blur(160px);width:100%;height:100%;position:absolute;top:0;left:0}.g1{mix-blend-mode:hard-light;opacity:1;background:radial-gradient(circle,#ff6b6bcc 0%,#ffb34766 40%,#ffb247eb 100%);border-radius:50%;width:240vw;max-width:1600px;height:240vw;max-height:1600px;animation:10s infinite moveVertical;position:absolute;top:20%;left:10%}.g2{mix-blend-mode:hard-light;opacity:1;background:radial-gradient(circle,#4ecdc4cc 0%,#ebeb58 40%,#70ffe2 100%);border-radius:50%;width:280vw;max-width:2000px;height:280vw;max-height:2000px;animation:13.5s -1.65s infinite moveHorizontal;position:absolute;top:60%;right:10%}.g3{mix-blend-mode:hard-light;opacity:1;background:radial-gradient(circle,#45b7d1cc 0%,#67e436eb 40%,#42b3fef7 100%);border-radius:50%;width:320vw;max-width:2400px;height:320vw;max-height:2400px;animation:11.5s -3.35s infinite reverse moveInCircle;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.g4{mix-blend-mode:hard-light;opacity:1;background:radial-gradient(circle,#c83232cc 0%,#ff646466 40%,#cf4343 100%);border-radius:50%;width:200vw;max-width:1400px;height:200vw;max-height:1400px;animation:15s -5s infinite moveHorizontal;position:absolute;top:40%;left:30%}.g5{mix-blend-mode:hard-light;opacity:1;background:radial-gradient(circle,#d07403 0%,#c05107 40%,#50ed02eb 100%);border-radius:50%;width:220vw;max-width:1520px;height:220vw;max-height:1520px;animation:12.5s -6.65s infinite moveVertical;position:absolute;top:30%;right:20%}.g6{mix-blend-mode:hard-light;opacity:1;background:radial-gradient(circle,#6496ffcc 0%,#5421c2e3 40%,#9664ff00 100%);border-radius:50%;width:180vw;max-width:1300px;height:180vw;max-height:1300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interactive{mix-blend-mode:hard-light;opacity:1;pointer-events:none;background:radial-gradient(circle,#96ceb4cc 0%,#fec957fe 40%,#feca5700 100%);border-radius:50%;width:160vw;max-width:1200px;height:160vw;max-height:1200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%)translateY(-10%)}50%{transform:translate(50%)translateY(10%)}to{transform:translate(-50%)translateY(-10%)}}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@media (max-width:768px){.g1{width:600px;height:600px}.g2{width:280vw;max-width:2000px;height:280vw;max-height:2000px}.g3{width:220vw;max-width:1600px;height:220vw;max-height:1600px}.g4{width:180vw;max-width:1200px;height:180vw;max-height:1200px}.g5{width:200vw;max-width:1280px;height:200vw;max-height:1280px}.g6{width:150vw;max-width:1100px;height:150vw;max-height:1100px}.interactive{width:120vw;max-width:1000px;height:120vw;max-height:1000px}}