/* Main index.html Landing Page CSS  */
 
 .gradient-text {
      background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .btn-gradient {
      background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
      transition: all 0.2s ease;
      box-shadow: 0 8px 30px rgba(139, 92, 246, 0.3);
    }

    .btn-gradient:hover {
      opacity: 0.9;
      transform: translateY(-1px);
      box-shadow: 0 12px 40px rgba(139, 92, 246, 0.45);
    }

    .card-accent-line {
      background: linear-gradient(90deg, #8b5cf6, #6366f1, transparent);
    }

    .layer-card {
      transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
    }

    .layer-card:hover {
      transform: translateY(-4px);
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(16px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .fade-in-1 {
      animation: fadeInUp 0.5s ease 0.1s both;
    }

    .fade-in-2 {
      animation: fadeInUp 0.5s ease 0.2s both;
    }

    .fade-in-3 {
      animation: fadeInUp 0.5s ease 0.3s both;
    }

    .fade-in-4 {
      animation: fadeInUp 0.5s ease 0.4s both;
    }

    .fade-in-5 {
      animation: fadeInUp 0.5s ease 0.5s both;
    }

    .fade-in-6 {
      animation: fadeInUp 0.5s ease 0.6s both;
    }