body {
      font-family: 'Poppins', sans-serif;
      min-height: 100vh;
      background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
      background-size: 400% 400%;
      animation: gradientMove 10s ease infinite;
      color: white;
      text-align: center;
    }

    @keyframes gradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* Navbar */
    .navbar {
      background-color: rgba(0,0,0,0.4) !important;
      backdrop-filter: blur(8px);
    }

    .navbar-brand {
      font-weight: 800;
      font-size: 1.6rem;
      background: linear-gradient(90deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    h1 {
      font-weight: 700;
      font-size: 2.5rem;
      margin-top: 30px;
      color: white;
    }

    p.section-text {
      max-width: 800px;
      margin: 20px auto 50px;
      font-size: 1.1rem;
      line-height: 1.6;
    }

    .card {
      background: linear-gradient(135deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
      background-size: 400% 400%;
      border: none;
      border-radius: 15px;
      transition: transform 0.3s, box-shadow 0.3s, filter 0.3s, background-position 0.6s ease;
      color: white;
      padding: 20px;
    }

    .card:hover {
      transform: translateY(-6px);
      box-shadow: 0 0 20px rgba(255, 100, 0, 0.8), 0 0 40px rgba(255, 0, 200, 0.5);
      filter: brightness(1.2);
      background-position: 100% 50%;
    }

    footer {
      background: rgba(0,0,0,0.3);
      text-align: center;
      padding: 20px;
      margin-top: 50px;
      border-top: 1px solid rgba(255,255,255,0.2);
    }


/* Remove link underline and inherit color */
.card-link {
    text-decoration: none;
    color: inherit; /* Card ka text color wahi rahega */
}

/* Responsive: Mobile par ek ke neeche dikhaye */
@media (max-width: 768px) {
    .col-6 {
        flex: 0 0 100%; /* Full width */
        max-width: 100%;
    }
}