/* Base styles for the futuristic theme */
        body {
            background-color: #0D0D12; /* Deep Space Black */
            color: #FFFFFF;
            font-family:  sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Custom Neon Glow & Glassmorphism */
        .glass-card {
            background: rgba(10, 132, 255, 0.05); /* Primary Blue 5% opacity */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(10, 132, 255, 0.2);
            box-shadow: 0 0 15px rgba(10, 132, 255, 0.1);
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .neon-border-light {
            box-shadow: 0 0 3px #0A84FF, 0 0 5px #0A84FF, 0 0 10px rgba(10, 132, 255, 0.5);
        }

        .neon-button {
            transition: all 0.4s ease;
            box-shadow: 0 0 5px rgba(10, 132, 255, 0.8), 0 0 15px rgba(10, 132, 255, 0.4);
            border: 1px solid #0A84FF;
        }

        .neon-button:hover {
            box-shadow: 0 0 10px #00F6FF, 0 0 25px #00F6FF, 0 0 40px rgba(0, 246, 255, 0.6);
            transform: translateY(-2px);
        }

        /* Animated Cyber Grid Background */
        .cyber-bg {
            background-image:
                linear-gradient(rgba(10, 132, 255, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(10, 132, 255, 0.05) 1px, transparent 1px);
            background-size: 30px 30px;
            animation: grid-movement 60s linear infinite;
        }

        @keyframes grid-movement {
            0% { background-position: 0 0; }
            100% { background-position: 30px 30px; }
        }

        /* Typing Effect for Hero Headline */
        .typing-text::after {
            content: '|';
            animation: blink 0.7s infinite;
            margin-left: 2px;
        }

        @keyframes blink {
            50% { opacity: 0; }
        }

        /* Services Card Hover Effect */
        .service-card:hover .service-icon {
            transform: translateY(-10px);
            color: #00F6FF;
            box-shadow: 0 0 15px #00F6FF;
        }
        .service-card:hover .service-title {
            color: #00F6FF;
        }