.gradient-wrapper{contain:layout style paint;background:linear-gradient(135deg,#5a0096,#000f4b);width:100%;height:100vh;position:relative;overflow:hidden}.gradient-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.text-container{z-index:10;color:#fff;opacity:.9;-webkit-user-select:none;user-select:none;text-shadow:1px 1px #00000026;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(2rem,8vw,6rem);display:flex;position:absolute}
@keyframes liquidBlob{0%{border-radius:61% 39% 70% 30%/44% 56% 36% 64%;transform:translate(-50%)rotate(0)scale(1)}25%{border-radius:44% 56% 35% 65%/58% 37% 63% 42%;transform:translate(-50%,-2%)rotate(8deg)scale(1.05)}50%{border-radius:33% 67% 58% 42%/42% 63% 37% 58%;transform:translate(-50%,1%)rotate(-6deg)scale(.97)}75%{border-radius:58% 42% 39% 61%/64% 35% 65% 36%;transform:translate(-50%,-1%)rotate(5deg)scale(1.03)}to{border-radius:61% 39% 70% 30%/44% 56% 36% 64%;transform:translate(-50%)rotate(0)scale(1)}}.animate-liquid-blob{will-change:transform, border-radius;animation:16s ease-in-out infinite liquidBlob}