.bg-blobs{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#0a0a12}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:blob-float 20s ease-in-out infinite}
.blob-1{width:500px;height:500px;background:radial-gradient(circle,#7A48A5,#3a1a6a);top:-10%;left:-5%}
.blob-2{width:400px;height:400px;background:radial-gradient(circle,#40B4EE,#1a5a8a);top:20%;right:-10%;animation-delay:-5s;animation-duration:25s}
.blob-3{width:350px;height:350px;background:radial-gradient(circle,#ff6b9d,#8a1a4a);bottom:10%;left:20%;animation-delay:-10s;animation-duration:22s}
.blob-4{width:300px;height:300px;background:radial-gradient(circle,#5AC75A,#1a6a2a);bottom:-5%;right:10%;animation-delay:-15s;animation-duration:28s}
.blob-5{width:250px;height:250px;background:radial-gradient(circle,#ff9f43,#8a4a0a);top:50%;left:50%;animation-delay:-7s;animation-duration:18s}
@keyframes blob-float{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,50px) scale(.9)}75%{transform:translate(-50px,-20px) scale(1.05)}}
@media(max-width:768px){.blob{opacity:.4}.blob-1{width:300px;height:300px}.blob-2{width:250px;height:250px}.blob-3{width:200px;height:200px}.blob-4{width:180px;height:180px}.blob-5{display:none}}