.animated-background{z-index:0;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.animated-background:before{content:"";filter:blur(60px);background:radial-gradient(circle,#ff00ff26,#8c52ff1f,#3399ff1a,#ff000014,#00ffff0f,#0000 80%);width:300%;height:300%;animation:30s ease-in-out infinite moveGradient,10s ease-in-out infinite pulse,15s ease-in-out infinite colorShift;position:absolute;top:-100%;left:-100%}.animated-background:after{content:"";filter:blur(65px);background:radial-gradient(circle,#8c52ff1f,#ff00801a,#00b7ff14,#ff8c000f,#0000 80%);width:300%;height:300%;animation:35s ease-in-out infinite reverse moveGradient,12s ease-in-out infinite pulse,20s ease-in-out infinite reverse colorShift;position:absolute;top:-100%;left:-100%}.overlay{pointer-events:none;background:radial-gradient(circle,#0003 0%,#0006 40%,#000000d9 100%);width:100%;height:100%;position:absolute}@keyframes moveGradient{0%{transform:translate(0)scale(1)rotate(0)}20%{transform:translate(-15%,10%)scale(1.05)rotate(3deg)}40%{transform:translate(-8%,-12%)scale(.97)rotate(-2deg)}60%{transform:translate(12%,-8%)scale(1.03)rotate(2deg)}80%{transform:translate(15%,15%)scale(.96)rotate(-3deg)}to{transform:translate(0)scale(1)rotate(0)}}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes colorShift{0%{filter:hue-rotate()blur(60px)}50%{filter:hue-rotate(180deg)blur(65px)}to{filter:hue-rotate(360deg)blur(60px)}}