/* Subscription plan cards (markup from planCardTemplate in plans.js),
   shared by index.html and subscription.html. */

.plan-card {
  background: #111827;
  border: 1px solid rgba(14, 103, 223, 0.3);
  transition: all 0.3s ease;
}

.plan-card.most-popular {
  border: 2px solid #0e67df;
  box-shadow: 0 0 40px rgba(14, 103, 223, 0.3);
}

.plan-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 30px rgba(14, 103, 223, 0.2);
}

.popular-badge {
  background: linear-gradient(135deg, #0e67df, #7aabed);
  white-space: nowrap;
}

.feature-check {
  color: #0e67df;
}

.choose-plan-btn {
  background: linear-gradient(to right, #0e67df, #7aabed);
  color: #000;
  transition: all 0.3s ease;
}

.choose-plan-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(14, 103, 223, 0.5);
}