/*
 * Final YS Global Study homepage colour lock.
 * The markup, content, ordering and dimensions remain owned by the existing
 * approved layout. This layer only keeps coloured surfaces within the logo's
 * navy, royal blue, electric blue and white palette.
 */
.home-body {
  --home-ink: #071a3e;
  --home-ink-soft: #12346b;
  --home-blue: #0b3b91;
  --home-blue-bright: #1685ff;
  --home-cyan: #55e5ff;
  --home-gold: #1685ff;
  --home-paper: #f7f9fd;
  --home-line: rgba(11, 59, 145, .14);
  --ys-navy-950: #020d26;
  --ys-navy-900: #04183c;
  --ys-navy-800: #061b46;
  --ys-royal: #0b3b91;
  --ys-electric: #1685ff;
  --ys-cyan: #55e5ff;
  background: var(--home-paper);
}

.home-body .contact-bar {
  border-bottom-color: rgba(22, 133, 255, .25);
  background: linear-gradient(90deg, var(--ys-navy-950), var(--ys-navy-800) 50%, var(--ys-navy-950));
}

.home-body .apply-button--desktop,
.home-body .home-button,
.home-body .home-button:not(.home-button--yellow),
.home-body .home-button--yellow {
  color: #fff !important;
  border-color: rgba(85, 229, 255, .22) !important;
  background: linear-gradient(135deg, var(--ys-royal), var(--ys-electric)) !important;
  box-shadow: 0 12px 28px rgba(5, 52, 135, .25) !important;
}

.home-body .apply-button--desktop:hover,
.home-body .home-button:hover,
.home-body .home-button:focus-visible {
  color: #fff !important;
  border-color: var(--ys-cyan) !important;
  background: linear-gradient(135deg, #1268d8, #2497ff) !important;
}

.home-body .nav-link:hover,
.home-body .nav-dropdown.is-open > .nav-link,
.home-body .nav-dropdown.is-open > .nav-link-group > .nav-link,
.home-body .nav-link-group:hover > .nav-link,
.home-body .nav-link-group:focus-within > .nav-link,
.home-body .nav-link.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ys-royal), var(--ys-electric)) !important;
}

.home-body .dropdown-panel {
  border-color: rgba(85, 229, 255, .2) !important;
  background: rgba(2, 13, 38, .98) !important;
  box-shadow: 0 22px 44px rgba(2, 13, 38, .3) !important;
}

.home-body .dropdown-panel li a:hover,
.home-body .dropdown-panel li.is-active a {
  color: #fff !important;
  background: var(--ys-royal) !important;
}

.home-body .home-hero {
  background-color: #0b224e !important;
}

.home-body .home-hero__slide,
.home-body .home-hero__slide--fit-image {
  background-color: transparent !important;
}

.home-body .home-hero .home-button,
.home-body .home-hero .home-button:not(.home-button--yellow),
.home-body .home-hero .home-hero__slide .home-button,
.home-body .home-hero__content .home-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: clamp(200px, 15vw, 230px) !important;
  min-height: 56px !important;
  height: 56px !important;
  margin-top: clamp(22px, 2.5vw, 34px) !important;
  padding: 0 clamp(26px, 2.2vw, 36px) !important;
  border: none !important;
  border-radius: 14px !important;
  background: #1c68cb !important;
  background-image: linear-gradient(180deg, #1f6fd8 0%, #1963c6 100%) !important;
  box-shadow: 0 10px 24px rgba(28, 104, 203, 0.32), 0 4px 10px rgba(28, 104, 203, 0.18) !important;
  color: #ffffff !important;
  font-family: 'Poppins', 'Inter', var(--font-sans) !important;
  font-size: clamp(15px, 1.1vw, 17px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

.home-body .home-hero .home-button:hover,
.home-body .home-hero .home-button:focus-visible,
.home-body .home-hero .home-hero__slide .home-button:hover,
.home-body .home-hero .home-hero__slide .home-button:focus-visible,
.home-body .home-hero__content .home-button:hover,
.home-body .home-hero__content .home-button:focus-visible {
  color: #ffffff !important;
  background: #2374de !important;
  background-image: linear-gradient(180deg, #2779e5 0%, #1d69d0 100%) !important;
  box-shadow: 0 14px 28px rgba(28, 104, 203, 0.42), 0 6px 14px rgba(28, 104, 203, 0.22) !important;
  transform: translateY(-2px) !important;
  outline: none !important;
}

.home-body .home-hero .home-button:focus-visible,
.home-body .home-hero .home-hero__slide .home-button:focus-visible,
.home-body .home-hero__content .home-button:focus-visible {
  outline: 2px solid rgba(85, 229, 255, 0.85) !important;
  outline-offset: 3px !important;
}

.home-body .quick-action {
  color: #fff !important;
  border: 1px solid rgba(85, 229, 255, .18) !important;
  box-shadow: 0 18px 38px rgba(2, 13, 38, .2) !important;
}

.home-body .quick-action--apply {
  background: linear-gradient(135deg, #0b3b91 0%, #1268d8 100%) !important;
}

.home-body .quick-action--universities {
  background: linear-gradient(135deg, #04183c 0%, #0b3b91 100%) !important;
}

.home-body .quick-action--scholarships {
  background: linear-gradient(135deg, #08275d 0%, #1685ff 100%) !important;
}

.home-body .quick-action img {
  border-color: rgba(255, 255, 255, .28) !important;
  filter: brightness(0) invert(1) !important;
  opacity: .9 !important;
}

.home-body .quick-action small {
  color: rgba(255, 255, 255, .8) !important;
}

.home-body .home-about,
.home-body .universities-section,
.home-body .courses-section,
.home-body .why-section,
.home-body .testimonials-section,
.home-body .faq-section {
  background: #fff !important;
}

.home-body .scholarships-section {
  color: #fff !important;
  background:
    radial-gradient(820px 480px at 88% 82%, rgba(22, 133, 255, .34), transparent 72%),
    linear-gradient(135deg, rgba(2, 13, 38, .96), rgba(6, 27, 70, .94) 58%, rgba(11, 59, 145, .92)),
    url('/assets/home/hero-study-library.jpg') center / cover no-repeat !important;
}

.home-body .scholarships-section::before {
  opacity: .12 !important;
  background-image:
    linear-gradient(rgba(85, 229, 255, .1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 229, 255, .1) 1px, transparent 1px) !important;
  mix-blend-mode: screen !important;
}

.home-body .scholarships-section .home-section__header--light > p,
.home-body .programs-section .home-section__header--light > p,
.home-body .admissions-section .home-section__header--light > p {
  color: var(--ys-cyan) !important;
}

.home-body .scholarships-section .home-section__header--light h2,
.home-body .programs-section .home-section__header--light h2,
.home-body .admissions-section .home-section__header--light h2 {
  color: #fff !important;
}

.home-body .scholarship-grid a,
.home-body .scholarship-grid a:nth-child(3n + 2),
.home-body .scholarship-grid a:nth-child(3n) {
  color: rgba(255, 255, 255, .96) !important;
  border-color: rgba(85, 229, 255, .2) !important;
  background: linear-gradient(135deg, rgba(11, 59, 145, .72), rgba(4, 24, 60, .92)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 14px 30px rgba(2, 13, 38, .22) !important;
}

.home-body .scholarship-grid a::after {
  color: var(--ys-cyan) !important;
}

.home-body .scholarship-grid a:hover,
.home-body .scholarship-grid a:focus-visible,
.home-body .scholarship-grid a.is-selected {
  color: #fff !important;
  border-color: var(--ys-cyan) !important;
  background: linear-gradient(135deg, #0b3b91, #1685ff) !important;
  box-shadow: 0 18px 34px rgba(0, 94, 218, .3) !important;
}

.home-body .programs-section {
  position: relative;
  isolation: isolate;
  color: #fff !important;
  background:
    radial-gradient(720px 430px at 92% 8%, rgba(22, 133, 255, .2), transparent 70%),
    radial-gradient(620px 360px at 6% 90%, rgba(11, 59, 145, .32), transparent 72%),
    linear-gradient(145deg, var(--ys-navy-950) 0%, var(--ys-navy-900) 56%, var(--ys-navy-800) 100%) !important;
}

.home-body .programs-section::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(85, 229, 255, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 229, 255, .12) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle at 86% 30%, #000 0%, transparent 68%);
}

.home-body .program-card__circle,
.home-body .program-card:nth-child(n) .program-card__circle {
  border-color: rgba(85, 229, 255, .2) !important;
  background: linear-gradient(145deg, rgba(8, 39, 93, .86), rgba(2, 13, 38, .96)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 18px 38px rgba(0, 5, 22, .28) !important;
  backdrop-filter: none !important;
}

.home-body .program-card__image {
  border: 1px solid rgba(85, 229, 255, .24) !important;
  background: radial-gradient(circle, rgba(22, 133, 255, .14), rgba(3, 19, 52, .64)) !important;
  box-shadow: inset 0 0 24px rgba(22, 133, 255, .1), 0 8px 22px rgba(0, 8, 32, .24) !important;
}

.home-body .program-card h3,
.home-body .program-card h3 a {
  color: #fff !important;
}

.home-body .program-card:hover .program-card__circle,
.home-body .program-card:focus-within .program-card__circle {
  border-color: var(--ys-cyan) !important;
  background: linear-gradient(145deg, rgba(11, 59, 145, .92), rgba(4, 24, 60, .98)) !important;
  box-shadow: 0 22px 44px rgba(0, 89, 210, .24) !important;
}

.home-body .course-card h3::before,
.home-body .home-carousel-line span {
  background: linear-gradient(90deg, var(--ys-royal), var(--ys-electric)) !important;
}


.home-body .admissions-section {
  color: #fff !important;
  background:
    radial-gradient(760px 420px at 92% 18%, rgba(22, 133, 255, .2), transparent 72%),
    linear-gradient(140deg, var(--ys-navy-950), var(--ys-navy-800) 68%, var(--ys-royal)) !important;
}

.home-body .admissions-section::before {
  opacity: .1 !important;
  mix-blend-mode: screen !important;
}

.home-body .contact-section {
  color: #fff !important;
  background:
    radial-gradient(620px 360px at 86% 18%, rgba(22, 133, 255, .24), transparent 70%),
    linear-gradient(135deg, var(--ys-navy-950), var(--ys-navy-800) 64%, var(--ys-royal)) !important;
}

.home-body .contact-section::before {
  opacity: .1 !important;
}

.home-body .contact-section .home-contact-form {
  border-color: rgba(85, 229, 255, .2) !important;
  background: rgba(3, 19, 52, .68) !important;
  box-shadow: 0 24px 52px rgba(0, 5, 22, .28) !important;
}

.home-body .site-footer {
  background: var(--ys-navy-950) !important;
}

.home-body .site-footer__upper {
  background: linear-gradient(180deg, var(--ys-navy-800), var(--ys-navy-950)) !important;
}

@media (max-width: 1020px) {
  .home-body .programs-section {
    height: auto !important;
    min-height: 0 !important;
  }

  .home-body .program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .home-body .programs-section {
    padding-block: 62px 68px !important;
  }

  .home-body .program-grid {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-body .program-card__circle,
  .home-body .program-card:nth-child(n) .program-card__circle {
    min-height: 210px !important;
  }
}

/* Approved homepage quick-actions treatment.  Keep the existing structure,
   spacing and decorative highlights while restoring the three-card palette
   from the approved reference screenshot. */
 .home-body .quick-action {
   border-color: rgba(255, 255, 255, .32) !important;
   box-shadow: 0 18px 32px rgba(17, 42, 94, .18) !important;
 }

 .home-body .quick-action--apply {
   color: #132244 !important;
   background: linear-gradient(135deg, #ffd447 0%, #ffc038 100%) !important;
 }

 .home-body .quick-action--apply strong {
   color: #132244 !important;
 }

 .home-body .quick-action--apply small {
   color: rgba(19, 34, 68, .84) !important;
 }

 .home-body .quick-action--apply img {
   filter: none !important;
   border-color: rgba(19, 34, 68, .24) !important;
   opacity: .82 !important;
 }

 .home-body .quick-action--universities {
   color: #fff !important;
   background: linear-gradient(135deg, #334ee9 0%, #4c44d9 100%) !important;
 }

 .home-body .quick-action--universities strong,
 .home-body .quick-action--universities small {
   color: #fff !important;
 }

 .home-body .quick-action--universities img {
   filter: none !important;
   border-color: rgba(255, 255, 255, .32) !important;
   opacity: .9 !important;
 }

 .home-body .quick-action--scholarships {
   color: #fff !important;
   background: linear-gradient(135deg, #e4386b 0%, #d13b7f 100%) !important;
 }

 .home-body .quick-action--scholarships strong,
 .home-body .quick-action--scholarships small {
   color: #fff !important;
 }

 .home-body .quick-action--scholarships img {
   filter: none !important;
   border-color: rgba(255, 255, 255, .32) !important;
   opacity: .9 !important;
 }

/* Scoped section palette from the approved reference.  The existing
   decorative layers, cards, typography and section geometry remain intact. */
.home-body .programs-section,
.home-body .stats-section,
.home-body .contact-section {
  background: #3a35b5 !important;
}

/* Keep component surfaces inside the same royal-blue family while retaining
   the approved card and form geometry. */
.home-body .programs-section .program-card__circle,
.home-body .programs-section .program-card:nth-child(n) .program-card__circle {
  border-color: rgba(85, 229, 255, .26) !important;
  background: linear-gradient(145deg, #211fa5 0%, #17168d 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 18px 38px rgba(12, 10, 91, .28) !important;
}

.home-body .programs-section .program-card__image {
  border-color: rgba(85, 229, 255, .28) !important;
  background: radial-gradient(circle, rgba(58, 53, 181, .34), rgba(17, 18, 112, .82)) !important;
  box-shadow: inset 0 0 24px rgba(58, 53, 181, .16), 0 8px 22px rgba(12, 10, 91, .24) !important;
}

.home-body .programs-section .program-card:hover .program-card__circle,
.home-body .programs-section .program-card:focus-within .program-card__circle {
  border-color: rgba(85, 229, 255, .48) !important;
  background: linear-gradient(145deg, #2a27b3 0%, #1a1895 100%) !important;
}

.home-body .contact-section .home-contact-form {
  border-color: rgba(255, 255, 255, .24) !important;
  background: linear-gradient(145deg, #2920b7 0%, #1e159e 100%) !important;
  box-shadow: 0 24px 52px rgba(18, 12, 108, .3) !important;
}

/* -------------------------------------------------------------------------
 * Key statistics: exact reference match
 * Follows reference image layout, square framed icons, typography, spacing,
 * and royal blue campus background overlay.
 * ------------------------------------------------------------------------- */
.home-body .stats-section {
  position: relative !important;
  min-height: auto !important;
  height: auto !important;
  padding: clamp(52px, 4.4vw, 76px) 0 clamp(54px, 4.8vw, 80px) !important;
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(38, 46, 192, 0.86) 0%, rgba(29, 36, 172, 0.90) 100%),
    url('/assets/home/pattern-background.jpg') center center / cover no-repeat !important;
  overflow: hidden !important;
}

.home-body .stats-section::before {
  display: none !important;
  content: none !important;
}

.home-body .stats-section > .home-shell {
  width: min(calc(100% - 48px), 1220px) !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}

.home-body .stats-section .home-section__header {
  margin: 0 0 clamp(36px, 3vw, 48px) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.home-body .stats-section .home-section__header > p {
  order: 1 !important;
  margin: 0 0 6px !important;
  font-family: 'Poppins', 'Inter', var(--font-sans) !important;
  font-size: clamp(14px, 1.1vw, 16px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
}

.home-body .stats-section .home-section__header h2 {
  order: 2 !important;
  margin: 0 !important;
  font-family: 'Poppins', 'Inter', var(--font-sans) !important;
  font-size: clamp(38px, 3.4vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #fff !important;
  letter-spacing: normal !important;
  text-align: center !important;
}

.home-body .stats-grid {
  width: 100% !important;
  max-width: 1200px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.2vw, 20px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: start !important;
}

.home-body .stats-grid > div,
.home-body .stats-grid > div:nth-child(3) {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* Sharp square icon frame matching the reference exactly */
.home-body .stat-icon {
  width: 72px !important;
  height: 72px !important;
  border: 2px solid #ffffff !important;
  border-radius: 0px !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.home-body .stat-icon svg {
  width: 36px !important;
  height: 36px !important;
  fill: currentColor !important;
  color: #ffffff !important;
  stroke: none !important;
  stroke-width: 0 !important;
  display: block !important;
  margin: auto !important;
}

.home-body .stats-grid strong {
  display: block !important;
  margin: 0 0 6px 0 !important;
  font-family: 'Poppins', 'Inter', var(--font-sans) !important;
  font-size: clamp(38px, 3.2vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: #fff !important;
  letter-spacing: -0.01em !important;
}

.home-body .stats-grid small {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  font-family: 'Poppins', 'Inter', var(--font-sans) !important;
  font-size: clamp(12.5px, 0.95vw, 15px) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.95) !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px 16px !important;
  }
}

@media (max-width: 580px) {
  .home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 12px !important;
  }
  .home-body .stats-grid > div:last-child {
    grid-column: span 2;
  }
  .home-body .stats-grid small {
    white-space: normal !important;
  }
}

/* Section header hierarchy: big title first, subtitle below */
.home-body .home-section__header,
.home-body .about-testimonials__heading,
.about-testimonials__heading,
.about-stats__heading,
.about-features__heading,
.about-team__heading,
.home-body .faq-section .home-section__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.home-body .home-section__header h2,
.home-body .about-testimonials__heading h2,
.about-testimonials__heading h2,
.about-stats__heading h2,
.about-features__heading h2,
.about-team__heading h2 {
  order: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.home-body .home-section__header > p,
.home-body .about-testimonials__heading p,
.about-testimonials__heading p,
.about-stats__heading p,
.about-features__heading p,
.about-team__heading p {
  order: 2 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Key statistics: Keep exact reference order: subtitle first, title second */
.home-body .stats-section .home-section__header > p,
.home-body .stats-section .home-section__header p {
  order: 1 !important;
}
.home-body .stats-section .home-section__header h2 {
  order: 2 !important;
}

.home-body .home-about__copy h2 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.home-body .home-about__copy .home-kicker {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

/* Testimonial Rating Stars: change from blue to yellow for all student cards */
.about-testimonial__star.is-filled,
.home-body .about-testimonial__star.is-filled {
  color: #ffb800 !important;
}

.about-testimonial__star.is-half,
.home-body .about-testimonial__star.is-half {
  color: transparent !important;
  background: linear-gradient(90deg, #ffb800 50%, #d7dee8 50%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.about-testimonial__star:not(.is-filled):not(.is-half),
.home-body .about-testimonial__star:not(.is-filled):not(.is-half) {
  color: #d7dee8 !important;
}

/* Slider CTA Buttons (including Join Now): rounded rectangle matching header Apply Now, bold white text */
.home-body .home-hero .home-button,
.home-body .home-hero .home-button:not(.home-button--yellow),
.home-body .home-hero .home-hero__slide .home-button,
.home-body .home-hero__content .home-button,
.home-body .home-hero a.home-button,
.home-body a.home-button[href*="agent"],
.home-body .home-hero a.home-button[href*="agent"] {
  border-radius: 12px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--ys-royal, #1047b7), var(--ys-electric, #1685ff)) !important;
  box-shadow: 0 10px 22px rgba(16, 71, 183, .25) !important;
}

.home-body .home-hero .home-button:link,
.home-body .home-hero .home-button:visited,
.home-body .home-hero .home-button:hover,
.home-body .home-hero .home-button:focus,
.home-body .home-hero .home-button:active,
.home-body .home-hero .home-hero__slide .home-button:link,
.home-body .home-hero .home-hero__slide .home-button:visited,
.home-body .home-hero .home-hero__slide .home-button:hover,
.home-body .home-hero .home-hero__slide .home-button:focus,
.home-body .home-hero .home-hero__slide .home-button:active,
.home-body a.home-button[href*="agent"]:link,
.home-body a.home-button[href*="agent"]:visited,
.home-body a.home-button[href*="agent"]:hover,
.home-body a.home-button[href*="agent"]:focus,
.home-body a.home-button[href*="agent"]:active,
.home-body .home-hero a.home-button[href*="agent"]:link,
.home-body .home-hero a.home-button[href*="agent"]:visited,
.home-body .home-hero a.home-button[href*="agent"]:hover,
.home-body .home-hero a.home-button[href*="agent"]:focus,
.home-body .home-hero a.home-button[href*="agent"]:active {
  color: #ffffff !important;
}

.home-body .home-hero .home-button:hover,
.home-body .home-hero .home-hero__slide .home-button:hover,
.home-body a.home-button[href*="agent"]:hover,
.home-body .home-hero a.home-button[href*="agent"]:hover {
  background: linear-gradient(135deg, #1268d8, #2497ff) !important;
}

/* Slider CTA Button mobile styling */
@media (max-width: 700px) {
  .home-body .home-hero .home-button,
  .home-body .home-hero .home-button:not(.home-button--yellow),
  .home-body .home-hero .home-hero__slide .home-button,
  .home-body .home-hero__content .home-button,
  .home-body a.home-button[href*="agent"] {
    min-width: 180px !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 22px !important;
    border-radius: 12px !important;
    font-size: 14.5px !important;
    letter-spacing: 0.04em !important;
    margin-top: 18px !important;
  }
}

/* -------------------------------------------------------------------------
 * Hero Slider: Clean, Bright, Full Color Lock (No dark blur overlay)
 * ------------------------------------------------------------------------- */
.home-body .home-hero {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #091a38 !important;
}

@media (min-width: 701px) {
  .home-body .home-hero {
    height: min(calc(100svh - 105px), calc(100vw * 2 / 3), 860px) !important;
    min-height: clamp(540px, calc(100vw * 2 / 3), 760px) !important;
  }
}

@media (max-width: 700px) {
  .home-body .home-hero {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 2 !important;
    max-height: 75vh !important;
  }
}

.home-body .home-hero__slides {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* All slides: standard absolute positioning with smooth crossfade */
.home-body .home-hero__slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 1 !important;
  transition: opacity 0.6s ease, visibility 0.6s ease !important;
  background-image: var(--hero-image) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.home-body .home-hero__slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}

/* Wipe out all darkening/blur pseudo overlays: pure original bright colors */
.home-body .home-hero__slide::before,
.home-body .home-hero__slide::after,
.home-body .home-hero__slide--fit-image::before,
.home-body .home-hero__slide--fit-image::after,
.home-body .home-hero__slide.home-hero__slide--art-directed::before,
.home-body .home-hero__slide.home-hero__slide--art-directed::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
  filter: none !important;
  transform: none !important;
}

/* -------------------------------------------------------------------------
 * Slide 1: Sunset Graduation ("Join The Best." Slide) - Widescreen Expanded
 * ------------------------------------------------------------------------- */
.home-body .home-hero__slide--sunset {
  background-image: url('/assets/home/hero-graduate-sunset.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #0b224e !important;
  justify-content: center !important;
}

/* 8:3 (2.67:1) proportion stage container mapped to the new widescreen background image */
.home-body .home-hero__slide--sunset .home-hero__stage--sunset {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  height: min(100%, calc(100vw * 3 / 8)) !important;
  width: min(100%, calc(100vh * 8 / 3)) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 8 / 3 !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

/* Slide 1 Sunset content panel: transparent matching Slide 3 Gate panel */
.home-body .home-hero__slide--sunset .home-hero__content--gate-panel {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}

/* -------------------------------------------------------------------------
 * Slide 3: Acceptance Gate ("Your Dream Our Mission" Cover Slide) - Widescreen
 * ------------------------------------------------------------------------- */
.home-body .home-hero__slide--acceptance-gate {
  background-image: url('/assets/home/hero-your-dream-admission-gate.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #0b224e !important;
  justify-content: center !important;
}

/* 1024:359 (2.85:1) proportion stage container mapped to the new widescreen background image */
.home-body .home-hero__slide--acceptance-gate .home-hero__stage--gate {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  height: min(100%, calc(100vw * 359 / 1024)) !important;
  width: min(100%, calc(100vh * 1024 / 359)) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1024 / 359 !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

.home-body .home-hero__slide--acceptance-gate .home-hero__content--gate-panel {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}

/* Apply Now button: placed 20-25px below yellow OUR MISSION line in the stage (left: 13.5%, top: 73.5%) */
.home-body .home-hero .home-button--gate-apply,
.home-body .home-hero__slide--sunset .home-button--gate-apply,
.home-body .home-hero__slide--acceptance-gate .home-button--gate-apply,
.home-body .home-button--gate-apply {
  position: absolute !important;
  left: 13.5% !important;
  top: 73.5% !important;
  margin: 0 !important;
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: clamp(140px, 10.5vw, 190px) !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 clamp(20px, 1.6vw, 28px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #1047b7, #1685ff) !important;
  box-shadow: 0 10px 24px rgba(16, 71, 183, 0.4), 0 3px 8px rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
  font-family: 'Poppins', 'Inter', var(--font-sans) !important;
  font-size: clamp(13px, 1vw, 15px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

.home-body .home-hero .home-button--gate-apply:link,
.home-body .home-hero .home-button--gate-apply:visited,
.home-body .home-hero .home-button--gate-apply:hover,
.home-body .home-hero .home-button--gate-apply:focus,
.home-body .home-hero .home-button--gate-apply:active {
  color: #ffffff !important;
}

.home-body .home-hero .home-button--gate-apply:hover,
.home-body .home-hero .home-button--gate-apply:focus-visible {
  background: linear-gradient(135deg, #1268d8, #2ca0ff) !important;
  box-shadow: 0 14px 30px rgba(18, 104, 216, 0.52) !important;
  transform: translateY(-2px) !important;
}

/* -------------------------------------------------------------------------
 * Slides 2, 4, 5: Cover Photographs (Clean, Bright, Crisp)
 * ------------------------------------------------------------------------- */
.home-body .home-hero__slide:not(.home-hero__slide--sunset):not(.home-hero__slide--acceptance-gate) {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Clean, modern frosted panel for copy so images stay bright & copy stays readable */
.home-body .home-hero__slide:not(.home-hero__slide--sunset):not(.home-hero__slide--acceptance-gate) .home-hero__content {
  box-sizing: border-box !important;
  width: min(50vw, 680px) !important;
  min-height: auto !important;
  margin: 0 auto 0 clamp(36px, 5vw, 90px) !important;
  padding: clamp(32px, 3.5vw, 46px) clamp(28px, 2.8vw, 40px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 16px !important;
  background: rgba(10, 24, 52, 0.65) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
}

.home-body .home-hero__slide:not(.home-hero__slide--sunset):not(.home-hero__slide--acceptance-gate) .home-hero__content h2 {
  font-family: 'Poppins', 'Inter', var(--font-sans) !important;
  font-size: clamp(28px, 2.4vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 14px 0 !important;
  max-width: 18ch !important;
}

.home-body .home-hero__slide:not(.home-hero__slide--sunset):not(.home-hero__slide--acceptance-gate) .home-hero__content p {
  font-family: 'Roboto', 'Inter', var(--font-sans) !important;
  font-size: clamp(14px, 1.05vw, 17px) !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  margin: 0 0 20px 0 !important;
  max-width: 48ch !important;
}

/* -------------------------------------------------------------------------
 * Mobile Responsive Overrides
 * ------------------------------------------------------------------------- */
@media (max-width: 700px) {
  .home-body .home-hero__slide--acceptance-gate .home-hero__stage--gate {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1024 / 359 !important;
  }

  .home-body .home-hero__slide--sunset .home-hero__stage--sunset {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 8 / 3 !important;
  }

  .home-body .home-hero .home-button--gate-apply,
  .home-body .home-hero__slide--sunset .home-button--gate-apply,
  .home-body .home-hero__slide--acceptance-gate .home-button--gate-apply {
    left: 13.5% !important;
    top: 73.5% !important;
    margin-top: 0 !important;
    min-width: 86px !important;
    min-height: 25px !important;
    height: 25px !important;
    padding: 0 8px !important;
    font-size: 8.5px !important;
    border-radius: 6px !important;
  }

  .home-body .home-hero__slide:not(.home-hero__slide--sunset):not(.home-hero__slide--acceptance-gate) .home-hero__content {
    width: min(85vw, 420px) !important;
    margin: 0 auto !important;
    padding: 20px 18px !important;
    border-radius: 12px !important;
  }

  .home-body .home-hero__slide:not(.home-hero__slide--sunset):not(.home-hero__slide--acceptance-gate) .home-hero__content h2 {
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }

  .home-body .home-hero__slide:not(.home-hero__slide--sunset):not(.home-hero__slide--acceptance-gate) .home-hero__content p {
    font-size: 12px !important;
    margin-bottom: 14px !important;
  }
}