.gradient-text { background: linear-gradient(45deg, #4F46E5, #60A5FA); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    
    .hover-lift {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .hover-lift:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .service-card {
      position: relative;
      overflow: hidden;
    }

    .service-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
      transform: translateX(-100%);
      transition: transform 0.6s ease;
    }

    .service-card:hover::before {
      transform: translateX(100%);
    }

    @media (max-width: 480px) {
      .section-padding, .section-padding-sm, .section-padding-lg {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }
      .container, section, div {
        max-width: 100vw !important;
        overflow-x: hidden !important;
      }
      .grid, .flex {
        flex-direction: column !important;
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
      }
      img, video {
        max-width: 100% !important;
        height: auto !important;
      }
    }