.custom-gradient {
        background: linear-gradient(180deg, #1a0836 0%, #3a1a6b 100%);
      }
      .custom-gradient-2 {
        background: linear-gradient(180deg, #1a0836 0%, #2a0e4d 100%);
      }
      .custom-purple {
        background-color: #1a0836;
      }
      .custom-pink {
        color: #e94fff;
      }
      .custom-pink-bg {
        background-color: #e94fff;
      }
      .custom-btn {
        background: linear-gradient(90deg, #e94fff 0%, #a259ff 100%);
      }
      .custom-btn:hover {
        background: linear-gradient(90deg, #a259ff 0%, #e94fff 100%);
      }
      .custom-border {
        border-color: #e94fff;
      }
      .custom-icon {
        color: #e94fff;
      }
      .custom-section {
        background-color: #1a0836;
      }
      .custom-section-2 {
        background-color: #2a0e4d;
      }
      .custom-section-3 {
        background-color: #220c3e;
      }
      .custom-shadow {
        box-shadow: 0 4px 32px 0 rgba(233, 79, 255, 0.15);
      }
      .custom-placeholder {
        background: #2a0e4d;
      }
      .custom-input {
        background: #2a0e4d;
        color: #fff;
      }
      .custom-input::placeholder {
        color: #b48be3;
      }
      /* Animation classes */
      .fade-up {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.8s cubic-bezier(0.4,0,0.2,1), transform 0.8s cubic-bezier(0.4,0,0.2,1);
      }
      .fade-up.in-view {
        opacity: 1;
        transform: translateY(0);
      }
      .fade-left {
        opacity: 0;
        transform: translateX(-40px);
        transition: opacity 0.8s cubic-bezier(0.4,0,0.2,1), transform 0.8s cubic-bezier(0.4,0,0.2,1);
      }
      .fade-left.in-view {
        opacity: 1;
        transform: translateX(0);
      }
      .fade-right {
        opacity: 0;
        transform: translateX(40px);
        transition: opacity 0.8s cubic-bezier(0.4,0,0.2,1), transform 0.8s cubic-bezier(0.4,0,0.2,1);
      }
      .fade-right.in-view {
        opacity: 1;
        transform: translateX(0);
      }
      .fade-in {
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.4,0,0.2,1);
      }
      .fade-in.in-view {
        opacity: 1;
      }