/* Three coloured plan cards with a 3D tilt on hover (EduAI.bd palette: teal, sky, gold). */
.price-card {
  position: relative;
  color: #eaf6f8;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 50px -28px rgba(7, 27, 40, 0.8);
  transform-style: preserve-3d;
  transition: transform 0.25s ease, box-shadow 0.35s ease;
  will-change: transform;
}
.price-card--featured {
  transform: translateY(-8px);
}
.price-card.is-tilting {
  transition: transform 0.08s linear, box-shadow 0.35s ease;
}

/* teal */
.price-card--tier0 {
  background: linear-gradient(160deg, #0b3b44 0%, #0b7277 100%);
  border-color: rgba(45, 212, 191, 0.45);
}
/* sky */
.price-card--tier1 {
  background: linear-gradient(160deg, #0b2d4a 0%, #0369a1 100%);
  border-color: rgba(56, 189, 248, 0.45);
}
/* gold */
.price-card--tier2 {
  background: linear-gradient(160deg, #3a2805 0%, #b45309 100%);
  border-color: rgba(251, 191, 36, 0.5);
}

.price-card h2,
.price-card .price-amount strong,
.price-card .price-amount,
.price-card .plan-renewal,
.price-card .plan-for,
.price-card .price-features li {
  color: #ffffff;
}
.price-card .price-amount span,
.price-card .plan-for {
  color: #d7eef3;
}
.price-card .price-features li svg {
  color: #fbbf24;
}
.price-card .price-amount strong {
  font-size: 2.2rem;
}
.price-card .plan-tag,
.price-card .tag {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.plan-star {
  color: #fbbf24;
  font-weight: 800;
  margin-left: 2px;
}
.plan-note {
  margin-top: 14px;
  font-size: 0.92rem;
  line-height: 1.55;
  color: #d7eef3;
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
  padding-top: 12px;
}
.plan-owner {
  font-weight: 800;
  background: linear-gradient(90deg, #fbbf24, #f472b6, #38bdf8);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.55));
  text-decoration: underline;
  text-underline-offset: 3px;
}
.plan-owner:hover {
  filter: drop-shadow(0 0 8px #f472b6) drop-shadow(0 0 14px #38bdf8);
}
.price-card .btn {
  background: #ffffff;
  color: #0b2a3c;
  border: none;
  font-weight: 700;
}
.price-card .btn:hover {
  background: #fbbf24;
  color: #3a2805;
}