/* Base styles and custom utilities */
        body {
            background-color: #0A0A0A; /* Midnight Black */
            color: #E5E7EB; /* Light text for dark background */
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .header-gradient {
            background: linear-gradient(135deg, #0A0A0A, #1A1A1A, #004d33);
            background-size: 200% 200%;
            animation: gradient-shift 10s ease infinite;
        }

        .cta-button {
            transition: all 0.3s ease;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }

        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 20px rgba(0, 255, 127, 0.5);
        }

        .glass-card {
            background: rgba(40, 40, 40, 0.2);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(0, 255, 127, 0.2);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .glass-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 30px rgba(0, 255, 127, 0.3);
        }
        
        /* Custom delay for staggered fade-up animation */
        .animate-delay-1 { animation-delay: 0.1s; }
        .animate-delay-2 { animation-delay: 0.2s; }
        .animate-delay-3 { animation-delay: 0.3s; }
        .animate-delay-4 { animation-delay: 0.4s; }
        .animate-delay-5 { animation-delay: 0.5s; }

        /* Neon line under headings */
        .neon-heading::after {
            content: '';
            display: block;
            width: 80px;
            height: 3px;
            margin-top: 8px;
            background: linear-gradient(90deg, #00ff7f, #00a880, transparent);
            border-radius: 9999px;
            transition: width 0.3s ease;
        }

        .neon-heading:hover::after {
            width: 120px;
        }