body {
  color: #fff;
}

.text-navy {
  color: #fff !important;
}

.text-slate-600,
.text-slate-500 {
  color: #a4b3c8 !important;
}

.plan-card {
  background-color: #0c2040;
  border-color: rgba(255, 255, 255, .12);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.plan-card:hover {
  transform: translateY(-4px);
  border-color: rgba(17, 185, 237, .55);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
}

.plan-card.featured-plan {
  background-color: #10284d;
  border-color: rgba(17, 185, 237, .45);
}

.currency-select {
  color-scheme: dark;
}