body {

      font-family: 'Open Sans', 'Lato', sans-serif;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Montserrat', 'Poppins', sans-serif;
    }
      .services-bg {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        }
        .gradient-text {
            background: linear-gradient(135deg, #f97316, #ea580c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .floating-card {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .service-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px rgba(249, 115, 22, 0.2);
        }
        .category-filter {
            transition: all 0.3s ease;
        }
        .category-filter.active {
            background: linear-gradient(135deg, #f97316, #ea580c);
            color: white;
        }