@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
  .font-custom {
    font-family: 'Inter', sans-serif;
  }
.gradient-bg {
      background: linear-gradient(135deg, #4c70ed, #9e9bff);
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    .logo-animation {
      animation: logoFadeIn 1s ease-out forwards;
    }

    .text-animation {
      animation: textFadeIn 1s ease-out 0.5s forwards;
    }

    @keyframes fadeOut {
      to {
        opacity: 0;
        visibility: hidden;
      }
    }

    .fade-out {
      animation: fadeOut 1s ease-in-out forwards;
    }

    .spinner {
      border: 4px solid rgba(255, 255, 255, 0.3);
      border-top: 4px solid white;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      animation: spin 1s linear infinite;
      margin-top: 1rem;
    }