:root {
            --color-primary: #f97316; /* Vibrant Orange */
            --color-primary-dark: #ea580c;
            --color-bg: #0A0F1A; /* Deeper Navy Blue */
            --color-bg-light: #171E2B;
            --color-border: #2A3447;
            --color-text: #E2E8F0;
            --color-text-muted: #94a3b8;
        }

        body {
            font-family: 'Cairo', sans-serif;
            background-color: var(--color-bg);
            color: var(--color-text);
        }

        /* Hero Section Styling */
        .hero-bg {
            background-image: linear-gradient(to top, var(--color-bg) 5%, rgba(10, 15, 26, 0.7) 40%, rgba(10, 15, 26, 0.9) 100%), url('https://images.unsplash.com/photo-1616422285623-13ff0162193c?q=80&w=2070&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
        }
        .hero-title {
            text-shadow: 0px 4px 15px rgba(0,0,0,0.5);
        }
        .cta-button {
            background: linear-gradient(45deg, var(--color-primary), var(--color-primary-dark));
            transition: all 0.3s ease;
            box-shadow: 0 10px 20px -5px rgba(249, 115, 22, 0.3);
            animation: pulse-animation 2s infinite;
        }
        .cta-button:hover {
            transform: translateY(-3px) scale(1.05);
            box-shadow: 0 15px 25px -5px rgba(249, 115, 22, 0.4);
            animation-play-state: paused;
        }
        @keyframes pulse-animation {
            0% { box-shadow: 0 10px 20px -5px rgba(249, 115, 22, 0.3); }
            50% { box-shadow: 0 10px 30px -5px rgba(249, 115, 22, 0.5); }
            100% { box-shadow: 0 10px 20px -5px rgba(249, 115, 22, 0.3); }
        }

        /* Section Title Styling */
        .section-title {
            font-weight: 900;
            font-size: clamp(2rem, 5vw, 2.75rem); /* Responsive font size */
            color: #ffffff;
            position: relative;
            display: inline-block;
        }
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -12px;
            right: 50%;
            transform: translateX(50%);
            width: 80px;
            height: 4px;
            background: var(--color-primary);
            border-radius: 2px;
        }

        /* Card Styling (Glassmorphism) */
        .glass-card {
            background: linear-gradient(135deg, rgba(23, 30, 43, 0.5), rgba(23, 30, 43, 0.2));
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--color-border);
            border-radius: 1rem;
            transition: all 0.3s ease;
        }
        .glass-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
            border-color: rgba(249, 115, 22, 0.5);
        }

        /* Service Card Specifics */
        .service-card .service-icon {
            background: linear-gradient(45deg, var(--color-primary), var(--color-primary-dark));
            width: 64px;
            height: 64px;
            border-radius: 0.75rem;
            margin-bottom: 1rem;
            box-shadow: 0 5px 15px rgba(249, 115, 22, 0.2);
        }

        /* Input Fields Styling */
        .custom-input, .custom-textarea {
            background-color: var(--color-bg);
            border: 1px solid var(--color-border);
            color: var(--color-text);
            transition: all 0.3s ease;
        }
        .custom-input:focus, .custom-textarea:focus {
            background-color: #000;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2);
            outline: none;
        }

        /* Mobile Menu */
        .mobile-menu {
            transition: transform 0.3s ease-in-out;
        }

        /* Gallery Styling */
        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 0.75rem;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.3);
        }
        
        .gallery-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            padding: 1.5rem;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }
        
        .gallery-item:hover .gallery-overlay {
            transform: translateY(0);
        }
        
        /* Feature Cards */
        .feature-card {
            background: linear-gradient(135deg, rgba(23, 30, 43, 0.6), rgba(23, 30, 43, 0.3));
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--color-border);
            border-radius: 1rem;
            padding: 2rem 1.5rem;
            transition: all 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
            border-color: rgba(249, 115, 22, 0.5);
        }
        
        .feature-icon {
            background: linear-gradient(45deg, var(--color-primary), var(--color-primary-dark));
            width: 64px;
            height: 64px;
            border-radius: 0.75rem;
            margin: 0 auto 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 5px 15px rgba(249, 115, 22, 0.3);
            color: white;
        }
        
        /* Enhanced Service Icons */
        .service-icon {
            background: linear-gradient(45deg, var(--color-primary), var(--color-primary-dark));
            width: 64px;
            height: 64px;
            border-radius: 0.75rem;
            margin-bottom: 1rem;
            box-shadow: 0 5px 15px rgba(249, 115, 22, 0.2);
            transition: all 0.3s ease;
        }
        
        .glass-card:hover .service-icon {
            transform: scale(1.1);
            box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4);
        }
        
        /* Floating Animation */
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        .whatsapp-float {
            animation: float 3s ease-in-out infinite;
        }
        
        /* Enhanced Testimonials */
        .glass-card img {
            transition: transform 0.3s ease;
        }
        
        .glass-card:hover img {
            transform: scale(1.1);
        }
        
        /* Pricing Cards */
         .pricing-card {
             background: linear-gradient(135deg, rgba(23, 30, 43, 0.6), rgba(23, 30, 43, 0.3));
             backdrop-filter: blur(10px);
             -webkit-backdrop-filter: blur(10px);
             border: 1px solid var(--color-border);
             border-radius: 1.5rem;
             padding: 2rem;
             transition: all 0.3s ease;
             position: relative;
             overflow: hidden;
         }
         
         .pricing-card:hover {
             transform: translateY(-10px);
             box-shadow: 0 25px 50px rgba(0,0,0,0.3);
             border-color: rgba(249, 115, 22, 0.6);
         }
         
         .pricing-card.featured {
             border-color: var(--color-primary);
             box-shadow: 0 15px 30px rgba(249, 115, 22, 0.2);
         }
         
         .featured-badge {
             position: absolute;
             top: 1rem;
             right: 1rem;
             background: linear-gradient(45deg, var(--color-primary), var(--color-primary-dark));
             color: white;
             padding: 0.5rem 1rem;
             border-radius: 2rem;
             font-size: 0.875rem;
             font-weight: bold;
         }
         
         .pricing-header {
             text-align: center;
             margin-bottom: 2rem;
         }
         
         .price {
             display: flex;
             align-items: center;
             justify-content: center;
             gap: 0.5rem;
             margin-top: 1rem;
         }
         
         .price .amount {
             font-size: 3rem;
             font-weight: 900;
             color: var(--color-primary);
         }
         
         .price .currency {
             font-size: 1.125rem;
             color: var(--color-text-muted);
         }
         
         .pricing-features {
             list-style: none;
             padding: 0;
             margin: 0 0 2rem 0;
         }
         
         .pricing-features li {
             padding: 0.75rem 0;
             border-bottom: 1px solid var(--color-border);
             color: var(--color-text);
             position: relative;
             padding-right: 2rem;
         }
         
         .pricing-features li:before {
             content: '✓';
             position: absolute;
             right: 0;
             color: var(--color-primary);
             font-weight: bold;
         }
         
         .pricing-features li:last-child {
             border-bottom: none;
         }
         
         .pricing-btn {
             display: block;
             width: 100%;
             text-align: center;
             background: linear-gradient(45deg, var(--color-primary), var(--color-primary-dark));
             color: white;
             padding: 1rem 2rem;
             border-radius: 0.75rem;
             text-decoration: none;
             font-weight: bold;
             transition: all 0.3s ease;
         }
         
         .pricing-btn:hover {
             transform: translateY(-2px);
             box-shadow: 0 10px 20px rgba(249, 115, 22, 0.3);
         }
         
         /* Offer Cards */
         .offer-card {
             background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.05));
             border: 1px solid rgba(249, 115, 22, 0.3);
             border-radius: 1rem;
             padding: 2rem;
             position: relative;
             transition: all 0.3s ease;
         }
         
         .offer-card:hover {
             transform: translateY(-5px);
             box-shadow: 0 15px 30px rgba(249, 115, 22, 0.2);
         }
         
         .offer-badge {
             position: absolute;
             top: -0.5rem;
             right: 1rem;
             background: linear-gradient(45deg, #ef4444, #dc2626);
             color: white;
             padding: 0.5rem 1rem;
             border-radius: 2rem;
             font-size: 0.875rem;
             font-weight: bold;
         }
         
         .offer-price {
             display: flex;
             align-items: center;
             gap: 1rem;
         }
         
         .old-price {
             text-decoration: line-through;
             color: var(--color-text-muted);
             font-size: 1.125rem;
         }
         
         .new-price {
             color: var(--color-primary);
             font-size: 1.5rem;
             font-weight: bold;
         }
         
         /* Responsive Enhancements */
         @media (max-width: 768px) {
             .gallery-overlay {
                 transform: translateY(0);
                 background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.3));
             }
             
             .feature-card {
                 padding: 1.5rem 1rem;
             }
             
             .feature-icon {
                 width: 56px;
                 height: 56px;
             }
             
             .pricing-card {
                 padding: 1.5rem;
             }
             
             .price .amount {
                 font-size: 2.5rem;
             }
             
             .featured-badge {
                 top: 0.5rem;
                 right: 0.5rem;
                 padding: 0.25rem 0.75rem;
                 font-size: 0.75rem;
             }
             
             .offer-badge {
                 top: -0.25rem;
                 right: 0.5rem;
                 padding: 0.25rem 0.75rem;
                 font-size: 0.75rem;
             }
         }