.gradient-bg {
        background: linear-gradient(
          135deg,
          #7c3aed 0%,
          #a855f7 50%,
          #f59e0b 100%
        );
      }
      .hero-pattern {
        background-image: radial-gradient(
          circle at 25px 25px,
          rgba(255, 255, 255, 0.1) 2px,
          transparent 0
        );
        background-size: 50px 50px;
      }
      .glass-effect {
        backdrop-filter: blur(16px);
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
      }
      .iti {
        width: 100% !important;
      }
      .card-hover {
        transition: all 0.3s ease;
      }
      .card-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
      }