/* ===================================================================
   Sapanja Business Group - Fall 2026-27 application page
=================================================================== */

.apply-nav{ margin-inline:auto; }
.apply-nav a{
  font-size:.92rem; font-weight:500; color: var(--text-muted);
  transition: color .25s var(--ease);
}
.apply-nav a:hover{ color: var(--text); }

/* ---------- Hero ---------- */
.apply-hero{ min-height: 88vh; }
.apply-hero .hero-img{ object-position: center 20%; }
.apply-hero .hero-inner{ max-width: 700px; }

.urgency-badge{
  display:inline-flex; align-items:center; gap:.55rem;
  background: rgba(196,144,58,.16); border:1px solid rgba(220,174,99,.4);
  color: var(--gold-light); font-family:'Bricolage Grotesque',sans-serif;
  font-weight:600; font-size:.82rem; letter-spacing:.03em;
  padding:.55rem 1.1rem; border-radius:999px; margin-bottom:1.3rem;
}
.urgency-badge i{
  width:8px; height:8px; border-radius:50%; background: var(--gold-light);
  animation: urgencyPulse 1.6s infinite;
}
@keyframes urgencyPulse{
  0%,100%{ box-shadow: 0 0 0 0 rgba(220,174,99,.55); }
  50%{ box-shadow: 0 0 0 6px rgba(220,174,99,0); }
}

.trust-line{
  display:flex; align-items:center; gap:.55rem; margin:1.1rem 0 0;
  color: rgba(245,239,228,.8); font-size:.9rem; font-weight:600;
}
.trust-line svg{ width:18px; height:18px; fill:none; stroke: var(--gold-light); stroke-width:1.8; flex-shrink:0; }

.hero-stats{ display:flex; gap: 2.6rem; flex-wrap:wrap; padding-top:2rem; margin-top:2rem; border-top:1px solid rgba(255,255,255,.18); }
.hero-stat{ display:flex; flex-direction:column; }
.hero-stat-num{ font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:1.9rem; color: var(--gold-light); }
.hero-stat-label{ font-size:.82rem; color: rgba(245,239,228,.8); display:block; margin-top:.15rem; max-width:11rem; }

/* ---------- Why grid ---------- */
.why-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.why-grid .value-row{ flex-direction:column; text-align:center; align-items:center; gap:.9rem; }
.why-grid .value-icon{ width:44px; height:44px; }
.why-grid h3{ font-size:1.02rem; margin-bottom:.35rem; }
.why-grid p{ font-size:.9rem; }

/* ---------- City cards ---------- */
.city-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }
.city-card{
  position:relative; aspect-ratio: 3/3.6; border-radius: var(--radius);
  overflow:hidden; box-shadow: var(--shadow-lg);
}
.city-card img{ width:100%; height:100%; object-fit:cover; transition: transform .5s var(--ease); }
.city-card:hover img{ transform: scale(1.06); }
.city-card::after{
  content:''; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(10,15,26,0) 45%, rgba(10,15,26,.82) 100%);
}
.city-name{
  position:absolute; left:1.3rem; bottom:1.2rem; z-index:2;
  color:#fff; font-family:'Bricolage Grotesque',sans-serif; font-weight:700; font-size:1.2rem;
}
/* ---------- Form ---------- */
.apply-form{ max-width: 640px; margin: 0 auto; }
.form-note-static{ color: var(--text-muted); font-size:.85rem; }
.form-note-error{ color: #c0503a; }

/* ---------- Footer ---------- */
.apply-footer-inner{ grid-template-columns: 1fr auto; align-items:center; }
.apply-footer-inner .footer-col{ flex-direction:row; gap:1.6rem; }

@media (max-width: 1024px){
  .why-grid{ grid-template-columns: 1fr 1fr; }
  .city-grid{ grid-template-columns: 1fr; }
  .apply-footer-inner{ grid-template-columns: 1fr; gap:1.5rem; text-align:center; }
  .apply-footer-inner .footer-col{ justify-content:center; }
}

@media (max-width: 640px){
  .why-grid{ grid-template-columns: 1fr; }
  .hero-stats{ gap:1.6rem; }
  .apply-footer-inner .footer-col{ flex-direction:column; gap:.7rem; }
}