/* Base Styles for Futuristic Theme */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0C0E1E;
            color: #F6F7FB;
        }

        /* 1. Glassmorphism Effect */
        .glass-card {
            background: rgba(10, 61, 255, 0.1); /* Royal Blue very light transparency */
            border-radius: 16px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(34, 228, 255, 0.3); /* Cyan Glow border */
            transition: all 0.3s ease-in-out;
        }

        /* Navbar Glass Effect */
        .glass-navbar {
            background: rgba(12, 14, 30, 0.8); /* Tech Navy with transparency */
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border-bottom: 1px solid rgba(138, 77, 255, 0.2); /* Neon Purple underline */
        }
        
        /* 2. Hero Slider & Effects */
        .slider-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }

        .slide {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 2s ease-in-out;
            background-size: cover;
            background-position: center;
            background-color: rgba(12, 14, 30, 0.8); /* Dark overlay */
            background-blend-mode: multiply;
        }

        .slide.active {
            opacity: 1;
        }
        
        /* Typewriter Effect */
        .typewriter-text {
            overflow: hidden;
            border-right: .15em solid #22E4FF; /* Cyan Glow Caret */
            white-space: nowrap;
            letter-spacing: .1em;
            max-width: fit-content;
            animation: typing 4s steps(44, end), blink-caret .75s step-end infinite;
            text-shadow: 0 0 10px rgba(34, 228, 255, 0.8);
        }

        @keyframes typing {
            from { width: 0 }
            to { width: 100% }
        }

        @keyframes blink-caret {
            from, to { border-color: transparent }
            50% { border-color: #22E4FF }
        }
        
        /* Marquee Effect */
        .marquee-container {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
        }
        .marquee-content {
            display: inline-block;
            animation: marquee 25s linear infinite;
            padding-left: 100%; 
        }

        @keyframes marquee {
            0% { transform: translate(0, 0); }
            100% { transform: translate(-100%, 0); }
        }

        /* Floating Diagonal Card Effect */
        .floating-card {
            transform: rotate(-3deg) translateY(0);
            transition: transform 0.6s ease-in-out, box-shadow 0.6s ease-in-out;
            box-shadow: 0 10px 30px rgba(138, 77, 255, 0.3);
        }
        .floating-card:hover {
            transform: rotate(-3deg) translateY(-10px);
            box-shadow: 0 15px 40px rgba(138, 77, 255, 0.7);
        }
        
        /* Fade-in on Scroll */
        .fade-in-section {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom Icon Styling (3D look) */
        .product-icon {
            background: linear-gradient(135deg, #0A3DFF, #8A4DFF);
            box-shadow: 0 0 15px #22E4FF;
            border-radius: 50%;
            padding: 10px;
            display: inline-flex;
            transition: all 0.3s ease;
        }

        /* Gradient CTA Button */
        .gradient-btn {
            background: linear-gradient(90deg, #0A3DFF, #8A4DFF);
            transition: all 0.3s ease;
        }
        .gradient-btn:hover {
            background: linear-gradient(90deg, #8A4DFF, #0A3DFF);
            box-shadow: 0 0 15px #22E4FF;
        }