@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap');
        body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
        
        .blob-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .blob {
            position: absolute;
            border-radius: 50%;
            background: linear-gradient(45deg, #5c4b91, #8b5cf6);
            filter: blur(60px);
            opacity: 0.3;
        }

        .blob-1 {
            width: 300px;
            height: 300px;
            top: -150px;
            left: -150px;
        }

        .blob-2 {
            width: 400px;
            height: 400px;
            bottom: -200px;
            right: -200px;
        }

        .blob-3 {
            width: 250px;
            height: 250px;
            top: 25%;
            right: 25%;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-2rem); }
        }

        .animate-float {
            animation-name: float;
        }