:root{--bg-color1:rgb(8, 8, 30);--bg-color2:rgb(15, 5, 40);--color1:80, 140, 255;--color2:200, 60, 255;--color3:60, 200, 220;--color4:220, 80, 80;--color5:140, 200, 80;--circle-size:80%;--blending:hard-light}.gradient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-2;background:linear-gradient(40deg,var(--bg-color1),var(--bg-color2))}.gradient-bg .gradients-container{filter:url(#goo-filter)blur(40px);width:100%;height:100%}.bg-shield{position:fixed;inset:0;z-index:-1;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.6)}.dark .bg-shield{background:rgba(0,0,0,.55)}.gradient-bg .g1,.gradient-bg .g2,.gradient-bg .g3,.gradient-bg .g4,.gradient-bg .g5{position:absolute;mix-blend-mode:var(--blending);opacity:1}.gradient-bg .g1{background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),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:center center;animation:moveVertical 30s ease infinite}.gradient-bg .g2{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),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% - 400px);animation:moveInCircle 20s reverse infinite}.gradient-bg .g3{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%)no-repeat;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}.gradient-bg .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}.gradient-bg .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}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes moveVertical{0%,100%{transform:translateY(-50%)}50%{transform:translateY(50%)}}@keyframes moveHorizontal{0%,100%{transform:translateX(-50%)translateY(-10%)}50%{transform:translateX(50%)translateY(10%)}}