/* Custom Utilities */
    body {
        background-color: #020617;
        color: white;
    }

    /* Blob Animations */
    .blob {
        position: absolute;
        border-radius: 50%;
        filter: blur(80px);
        opacity: 0.6;
        animation: float 10s infinite ease-in-out;
    }

    .blob-1 {
        width: 400px;
        height: 400px;
        background: #0F172A; /* Dark Blue */
        top: -100px;
        right: -100px;
        z-index: -1;
        animation-delay: 0s;
    }

    .blob-2 {
        width: 300px;
        height: 300px;
        background: #10B981; /* Mint 500 */
        bottom: 10%;
        left: -50px;
        z-index: -1;
        animation-delay: 2s;
        opacity: 0.15;
    }

    .blob-3 {
        width: 200px;
        height: 200px;
        background: #34D399; /* Mint 300 */
        top: 40%;
        right: 20%;
        z-index: -1;
        animation-delay: 4s;
        opacity: 0.1;
    }

    @keyframes float {
        0% { transform: translate(0, 0) scale(1); }
        50% { transform: translate(20px, 40px) scale(1.1); }
        100% { transform: translate(0, 0) scale(1); }
    }

    /* Floating Cards Animation */
    .animate-float-1 {
        animation: floatCard1 6s ease-in-out infinite;
    }
    
    .animate-float-2 {
        animation: floatCard2 5s ease-in-out infinite;
    }

    @keyframes floatCard1 {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-15px); }
    }

    @keyframes floatCard2 {
        0%, 100% { transform: translateY(0) rotate(-3deg); }
        50% { transform: translateY(10px) rotate(-3deg); }
    }

    /* Mobile Menu Transition */
    #mobile-menu.open {
        opacity: 1;
        pointer-events: all;
    }

    /* Smooth Scroll */
    html {
        scroll-behavior: smooth;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        background: #020617;
    }
    ::-webkit-scrollbar-thumb {
        background: #1E293B;
        border-radius: 5px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #34D399;
    }