/* Scoped payment-duration presentation; shared navigation is untouched. */
.exam-packages .pricing-installment-stage {
  --installment-accent: #2459cc;
  max-width: 1100px;
  padding: 36px 0 24px;
  border: 0;
  border-top: 1px solid #dfe5ee;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  animation: none;
}
.exam-packages .pricing-installment-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 24px;
  max-width: none;
  min-height: 0;
  padding: 0;
  margin: 0 0 36px;
  text-align: left;
}
.exam-packages .pricing-installment-head > button {
  position: static;
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
  margin: 0;
  padding: 10px 16px;
  min-height: 44px;
  border: 1px solid #d6dfec;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 4px 10px #20385408;
  color: #34445c;
  font-weight: 600;
  transform: none;
}
.exam-packages .pricing-installment-head > span {
  grid-column: 1;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #2459cc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}
.exam-packages .pricing-installment-head h2 {
  grid-column: 1;
  margin: 0;
  color: #182330;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 0;
}
.exam-packages .pricing-installment-head p {
  grid-column: 1;
  max-width: 620px;
  margin: 0;
  color: #607086;
  font-size: 15px;
  line-height: 1.6;
}
.exam-packages .pricing-installment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.exam-packages .pricing-installment-card {
  min-width: 0;
  min-height: 352px;
  padding: 52px 24px 24px;
  border: 1px solid #d3dfef;
  border-radius: 8px;
  background: linear-gradient(160deg, #edf4ff 0%, #ffffff 48%);
  box-shadow: 0 16px 32px -20px #24477850, 0 3px 8px #24477808;
  text-align: left;
  transform: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.exam-packages .pricing-installment-card::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #2e64cf;
}
.exam-packages .pricing-installment-card::after { display: none; }
.exam-packages .pricing-installment-card:nth-child(2) {
  background: linear-gradient(160deg, #f0f0fc 0%, #ffffff 48%);
  border-color: #dadbf0;
}
.exam-packages .pricing-installment-card:nth-child(2)::before { background: #080c63; }
.exam-packages .pricing-installment-card.is-popular {
  border: 1px solid #75b9a6;
  background: linear-gradient(155deg, #dff4ea 0%, #f8fdfb 58%, #edf8f2 100%);
  box-shadow: 0 18px 40px -20px #136f5660, 0 0 0 3px #e6f3ec;
  transform: none;
}
.exam-packages .pricing-installment-card.is-popular::before { display: none; }
.exam-packages .pricing-installment-popular {
  top: 0;
  left: 0;
  right: 0;
  padding: 9px 16px;
  border-radius: 0;
  background: #14705a;
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  font-weight: 700;
}
.exam-packages .pricing-installment-card > span {
  gap: 12px;
  color: #34445c;
  font-size: 16px;
  font-weight: 700;
}
.exam-packages .pricing-installment-card > span svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 12px;
  border: 1px solid #d5e3fb;
  border-radius: 8px;
  background: #fff;
  color: #2459cc;
  box-shadow: 0 5px 12px #2459cc0c;
}
.exam-packages .pricing-installment-card:nth-child(2) > span svg { color: #080c63; border-color: #dadbf0; }
.exam-packages .pricing-installment-card.is-popular > span svg { background: #fff; border-color: #c8e5d9; color: #14705a; }
.exam-packages .pricing-installment-card > strong {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 32px 0 12px;
  color: #182330;
  font-size: 36px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: normal;
}
.exam-packages .pricing-installment-card > strong small {
  font-size: 15px;
  color: #4b617d;
  font-weight: 650;
  padding: 4px 8px;
  border-radius: 4px;
  background: #eaf0f8;
}
.exam-packages .pricing-installment-card.is-popular > strong small { color: #14614f; background: #dfefe7; }
.exam-packages .pricing-installment-card > p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dfe7f0;
}
.exam-packages .pricing-installment-card > button {
  width: 100%;
  min-height: 48px;
  padding: 12px;
  border: 1px solid #2459cc;
  border-radius: 6px;
  background: #2459cc;
  color: #fff;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  box-shadow: 0 5px 12px #2459cc20;
  transform: none;
  white-space: normal;
}
.exam-packages .pricing-installment-card > button svg { flex-shrink: 0; }
.exam-packages .pricing-installment-card:nth-child(2) > button { background: #080c63; border-color: #080c63; box-shadow: 0 5px 12px #080c6320; }
.exam-packages .pricing-installment-card.is-popular > button { color: #fff; background: #14705a; border-color: #14705a; }
.exam-packages .pricing-installment-stage button:focus-visible { outline: 3px solid #2459cc; outline-offset: 4px; }
@media (hover: hover) {
  .exam-packages .pricing-installment-card:hover { transform: translateY(-4px); border-color: #8da8d3; box-shadow: 0 22px 38px -20px #24477855; }
  .exam-packages .pricing-installment-card.is-popular:hover { transform: translateY(-4px); border-color: #14705a; }
  .exam-packages .pricing-installment-head > button:hover { transform: none; box-shadow: none; background: #e9eff9; }
  .exam-packages .pricing-installment-card > button:hover { background: #1c48ac; box-shadow: 0 6px 16px #2459cc30; transform: none; }
  .exam-packages .pricing-installment-card:nth-child(2) > button:hover { background: #080c63; }
  .exam-packages .pricing-installment-card.is-popular > button:hover { background: #105b49; }
}
@media (max-width: 900px) {
  .exam-packages .pricing-installment-grid { gap: 12px; }
  .exam-packages .pricing-installment-card { padding-left: 16px; padding-right: 16px; }
  .exam-packages .pricing-installment-card > strong { font-size: 28px; }
}
@media (max-width: 680px) {
  .exam-packages .pricing-installment-head { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 24px; }
  .exam-packages .pricing-installment-head > button { grid-column: 1; grid-row: 1; justify-self: start; margin-bottom: 10px; }
  .exam-packages .pricing-installment-head h2 { font-size: 28px; }
  .exam-packages .pricing-installment-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .exam-packages .pricing-installment-card { min-height: 0; padding: 48px 20px 20px; }
  .exam-packages .pricing-installment-card > strong { margin-top: 20px; font-size: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .exam-packages .pricing-installment-card,
  .exam-packages .pricing-installment-stage button { transition: none; }
  .exam-packages .pricing-installment-card:hover,
  .exam-packages .pricing-installment-card.is-popular:hover { transform: none; }
}