:root{--color: pink;--blur-1-size: clamp(400px, 60vw, 60vw);--blur-2-size: clamp(300px, 40vw, 40vw);--blur-3-size: clamp(100px, 10vw, 10vw);--blur-amount: clamp(40px, 5vw, 90px)}.blur{position:absolute;z-index:-1;border-radius:900px;filter:blur(var(--blur-amount));background:var(--color)}.blur:nth-child(1){height:var(--blur-1-size);width:calc(var(--blur-1-size) * 1.1)}.blur:nth-child(2){filter:blur(var(--blur-amount)) hue-rotate(135deg) brightness(1.3);height:var(--blur-2-size);width:calc(var(--blur-2-size) * .75);top:20vh;right:20vh}.blur:nth-child(3){filter:blur(var(--blur-amount)) hue-rotate(-135deg);height:var(--blur-3-size);width:calc(var(--blur-3-size) * 2);bottom:20vh;left:20vw}.background-animate{background-size:400%;animation:AnimationName 8s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px #6366f133}to{box-shadow:0 0 30px #6366f166}}@keyframes AnimationName{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bounce-pink{animation:bounce 2s ease-in-out infinite 2.2s}.bounce-yellow{animation:bounce 2s ease-in-out infinite 2.4s}.bounce-teal{animation:bounce 2s ease-in-out infinite 2.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.floating{animation:float 6s ease-in-out infinite}.glow-text{text-shadow:0 0 20px rgba(99,102,241,.3)}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite alternate}
