/* Academy Page */

/* ── Admission process steps ── */
.admission-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; margin-top: 52px; }
.step-card {
  text-align: center; padding: 36px 20px;
  background: var(--white); border-radius: 18px;
  box-shadow: var(--sh-sm); position: relative; transition: var(--ease);
}
.step-card:hover { transform: translateY(-5px); box-shadow: var(--sh-md); }
.step-num {
  position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
  width: 36px; height: 36px; border-radius: 50%;
  background: linear-gradient(135deg, var(--g4), var(--g8));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-h); font-weight: 700; font-size: 15px; color: var(--white);
  box-shadow: var(--sh-sm);
}
.step-ico { font-size: 28px; color: var(--g5); margin-bottom: 14px; margin-top: 10px; }
.step-title { font-family: var(--ff-h); font-size: 1rem; color: var(--brown); margin-bottom: 8px; }
.step-desc { font-size: 12.5px; color: var(--gray); line-height: 1.65; }

/* Connector arrows between steps */
.admission-steps { position: relative; }

/* ── Highlight banner ── */
.highlight-banner {
  background: linear-gradient(135deg, var(--g8), var(--g9));
  border-radius: 20px; padding: 42px 48px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 28px; flex-wrap: wrap; margin: 52px 0 0;
}
.hb-text h3 {
  font-family: var(--ff-h); font-size: 1.7rem; color: var(--white); margin-bottom: 8px;
}
.hb-text p { font-size: 14.5px; color: rgba(255,255,255,.72); line-height: 1.65; }
.hb-stats { display: flex; gap: 36px; }
.hb-stat { text-align: center; }
.hb-stat-n { font-family: var(--ff-h); font-size: 2.2rem; font-weight: 700; color: var(--g3); }
.hb-stat-l { font-size: 12px; color: rgba(255,255,255,.6); margin-top: 3px; }

/* ── Course detail page section bgs ── */
#courses-all     { background: var(--cream); }
#why-academy     { background: linear-gradient(135deg, var(--brown), var(--g9)); }
#why-academy h2.title { color: var(--white); }
#why-academy .sub { color: rgba(255,255,255,.68); }
#why-academy .label { color: var(--g3); }
#admission       { background: var(--creamD); }
#placement       { background: var(--cream); }
#academy-faq     { background: var(--creamD); }
#academy-cta     { background: var(--cream); }

@media (max-width: 1024px) {
  .admission-steps { grid-template-columns: repeat(2,1fr); }
  .highlight-banner { flex-direction: column; padding: 36px 28px; }
  .hb-stats { gap: 24px; flex-wrap: wrap; }
}
@media (max-width: 768px) {
  .admission-steps { grid-template-columns: 1fr; }
}