/* Payments Page Styles */

/* Payments Hero Section */
.payments-hero-section {
  background: linear-gradient(135deg, var(--soft) 0%, #ffffff 100%);
}

/* Payment Cards */
.payment-card {
  position: relative;
  transition: all 0.3s ease;
}

.payment-card:hover {
  transform: translateY(-8px);
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Fade in animation for sections */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .payment-card {
    margin-bottom: 1rem;
  }
  
  .payments-hero-section h1 {
    font-size: 2.5rem;
  }
  
  .payments-hero-section p {
    font-size: 1.125rem;
  }
}