body {
        font-family: 'Inter', sans-serif;
        scroll-behavior: smooth;
        background-color: #0f172a;
        color: #f1f5f9;
        overflow-x: hidden;
        }
        
        .parallax {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        overflow: hidden;
        }
        
        .hero-overlay {
        background: linear-gradient(90deg, rgba(15,23,42,0.9) 0%, rgba(15,23,42,0.6) 100%);
        }
        
        .card-hover {
        transition: all 0.3s ease;
        }
        
        .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .feature-icon {
        transition: all 0.3s ease;
        }
        
        .feature-card:hover .feature-icon {
        transform: scale(1.1);
        }
        
        .scroll-down {
        animation: bounce 2s infinite;
        }
        
        @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-10px);
        }
        60% {
            transform: translateY(-5px);
        }
        }
        
        .stats-item {
        transition: all 0.3s ease;
        }
        
        .stats-item:hover {
        transform: scale(1.05);
        }
        
        .testimonial-card {
        transition: all 0.3s ease;
        }
        
        .testimonial-card:hover {
        transform: translateY(-5px);
        }
        
        .navbar {
        transition: all 0.3s ease;
        }
        
        .navbar.scrolled {
        background-color: rgba(15, 23, 42, 0.95);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }
        
        .fade-in {
        opacity: 0;
        transition: opacity 0.6s ease, transform 0.6s ease;
        }
        
        .fade-in.visible {
        opacity: 1;
        transform: translateY(0) !important;
        }
        
        /* Floating animation */
        @keyframes float {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-10px);
        }
        100% {
            transform: translateY(0px);
        }
        }
        
        .floating {
        animation: float 6s ease-in-out infinite;
        }
        
        /* Pulse animation */
        @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05);
        }
        100% {
            transform: scale(1);
        }
        }
        
        .pulse {
        animation: pulse 4s ease-in-out infinite;
        }
        
        /* Rotate animation */
        @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
        }
        
        .rotate {
        animation: rotate 20s linear infinite;
        }
        
        /* Wave animation */
        @keyframes wave {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(10px);
        }
        100% {
            transform: translateX(0);
        }
        }
        
        .wave {
        animation: wave 5s ease-in-out infinite;
        }
        
        /* Parallax layers */
        .parallax-layer {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        }
        
        /* Custom scrollbar */
        ::-webkit-scrollbar {
        width: 8px;
        }
        
        ::-webkit-scrollbar-track {
        background: #0f172a;
        }
        
        ::-webkit-scrollbar-thumb {
        background: #1e40af;
        border-radius: 4px;
        }
        
        ::-webkit-scrollbar-thumb:hover {
        background: #1e3a8a;
        }
        
        /* Glow effect */
        .glow {
        text-shadow: 0 0 10px rgba(59, 130, 246, 0.7);
        }
        
        /* Gradient text */
        .gradient-text {
        background: linear-gradient(90deg, #3b82f6, #8b5cf6);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        }

        .color-menu{
        color:white !important;
        }