:root{--gradient-color-1:hsl(222 84% 60%/100%);--gradient-color-2:hsl(164 79% 71%/100%);--gradient-size:clamp(320px,55vw,750px);--gradient-speed:50s;--gradient-ease:cubic-bezier(0.8,0.2,0.2,0.8);--gradient-bg:#071c39}body{background-color:var(--gradient-bg)}@keyframes gradient-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gradient-bg{width:100vw;width:100dvw;min-width:100vw;height:100vh;height:100dvh;min-height:100vh;position:fixed;inset:0;overflow:hidden;background:var(--gradient-bg);display:flex;align-items:center;justify-content:center;z-index:-1;pointer-events:none}.gradient-bg .gradient{width:var(--gradient-size);height:var(--gradient-size);filter:blur(calc(var(--gradient-size) / 5));background-image:linear-gradient(hsl(var(--gradient-color-1,222 84% 60%)/100%),hsl(var(--gradient-color-2,164 79% 71%)/100%));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:gradient-rotate var(--gradient-speed) var(--gradient-ease) alternate infinite;pointer-events:none;will-change:transform}.gradient-bg *{transition:all .5s ease-out}@media(min-width:720px){.gradient-bg .gradient{--gradient-size:clamp(320px,35vw,500px);filter:blur(calc(var(--gradient-size) / 4))}}