* {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }

        .text-gradient {
            background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .card-hover {
            transition: all 0.3s ease;
        }

        .card-hover:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
        }

        /* Tech Badge Hover Fix */
        .tech-badge {
            transition: all 0.3s ease;
        }

        .tech-badge:hover {
            background-color: #DC2626 !important;
            border-color: #DC2626 !important;
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(220, 38, 38, 0.2);
        }

        .tech-badge:hover i {
            color: white !important;
        }

        .tech-badge:hover h3 {
            color: white !important;
        }

        .tech-badge:hover p {
            color: rgba(255, 255, 255, 0.8) !important;
        }

        /* Service Icon Hover Fix */
        .service-icon {
            transition: all 0.3s ease;
        }

        .service-card:hover .service-icon {
            background: #DC2626;
        }

        .service-card:hover .service-icon i {
            color: white !important;
        }

        .section-bg {
            background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
        }

        .mobile-menu {
            transition: all 0.3s ease;
        }

        /* Hero Slider Styles */
        .hero-slider {
            position: relative;
            overflow: hidden;
        }

        .slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        .slide.active {
            opacity: 1;
        }

        .slide-bg {
            position: absolute;
            inset: 0;
            transform: scale(1.05);
            transition: transform 8s ease-out;
        }

        .slide.active .slide-bg {
            transform: scale(1);
        }

        .slide-content {
            position: relative;
            z-index: 10;
        }

        .slide-text {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s ease-out;
        }

        .slide.active .slide-text {
            opacity: 1;
            transform: translateY(0);
        }

        .slide.active .slide-text-delay-1 {
            transition-delay: 0.3s;
        }

        .slide.active .slide-text-delay-2 {
            transition-delay: 0.5s;
        }

        .slide.active .slide-text-delay-3 {
            transition-delay: 0.7s;
        }

        .slide.active .slide-text-delay-4 {
            transition-delay: 0.9s;
        }

        .slider-nav {
            z-index: 20;
        }

        .slider-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .slider-dot.active {
            background: #DC2626;
            width: 36px;
            border-radius: 6px;
        }

        .slider-progress {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3px;
            background: #DC2626;
            z-index: 20;
            transition: width 0.1s linear;
        }

        /* Navbar Scroll State */
        .nav-scrolled {
            background-color: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }
        
        .nav-transparent img {
            filter: brightness(0) invert(1);
        }

        .nav-scrolled .nav-text {
            color: #0F172A !important;
        }

        .nav-scrolled .nav-logo-text {
            color: #0F172A !important;
        }

        .nav-scrolled .nav-logo-sub {
            color: #64748B !important;
        }

        .nav-scrolled #mobile-toggle {
            color: #0F172A !important;
        }

        /* Navbar Default State (Transparent) */
        .nav-transparent .nav-text {
            color: white;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        .nav-transparent .nav-logo-text {
            color: white;
        }

        .nav-transparent .nav-logo-sub {
            color: rgba(255, 255, 255, 0.8);
        }

        .nav-transparent #mobile-toggle {
            color: white;
        }

        @media (max-width: 768px) {
            .timeline-line::before {
                left: 20px;
            }
        }

         .footer-logo img {
            filter: brightness(0) invert(1);
        }