body {
      font-family: 'Inter', sans-serif;
      scroll-behavior: smooth;
      background-color: #0f172a;
      color: #f1f5f9;
      overflow-x: hidden;
    }
    
    .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);
    }
    
    .gradient-text {
      background: linear-gradient(90deg, #3b82f6, #8b5cf6);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    
    /* 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;
    }
    
    /* Floating animation */
    @keyframes float {
      0% {
        transform: translateY(0px);
      }
      50% {
        transform: translateY(-10px);
      }
      100% {
        transform: translateY(0px);
      }
    }
    
    .floating {
      animation: float 6s ease-in-out infinite;
    }
    
    /* Fade in animation */
    .fade-in {
      /*opacity: 0;*/
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0) !important;
    }
    
    /* 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;
    }

    .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);
    }
    
    #reset-filters{
      display:none;
    }
    
    @media (max-width: 767px) {
        .no-padding-mobile {
            padding-bottom: 0px !important;
        }
        #reset-filters{
            float: right;
            margin-right: 26px;
            display:block;
        }
        #filter-cars{
            display: none;
        }
        
    }