/* assets/css/pages/home.css */
.hero-home {
  min-height: 100vh;
  position: relative;
  background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
}
.hero-home__content { max-width: 920px; }
.hero-home__title { color: var(--color-white); margin-bottom: 1rem; }
.hero-home__subtitle { font-size: var(--font-size-h3); }
.hero-home__scroll-indicator {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-top: 2rem;
  color: var(--color-white);
  font-size: 1.5rem;
  animation: bounce 1.8s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}
.about-strip__figure { overflow: hidden; border-radius: var(--border-radius-lg); box-shadow: var(--shadow-md); }
.about-strip__image { width: 100%; height: 100%; object-fit: cover; min-height: 360px; }
.about-strip__badge { position: absolute; left: 1rem; bottom: 1rem; background: var(--color-accent); color: var(--color-white); padding: 0.5rem 0.85rem; border-radius: 999px; font-weight: 600; }
.stats-counter { margin-top: 1rem; }
.courses-skeleton-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.course-skeleton { height: 220px; border-radius: var(--border-radius-lg); background: linear-gradient(90deg, rgba(26,35,126,0.08), rgba(255,255,255,0.95), rgba(26,35,126,0.08)); background-size: 200% 100%; animation: shimmer 1.4s infinite; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.section-why-choose { background: var(--color-light-bg); }
.testimonial-carousel .carousel-item { padding: 1rem 0; }
.testimonial-carousel {
  position: relative;
}
.testimonial-carousel__control {
  width: 44px;
  height: 44px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(26, 35, 126, 0.92);
  border-radius: 50%;
  opacity: 1;
  color: var(--color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.testimonial-carousel__control i {
  font-size: 1.15rem;
  line-height: 1;
}
.testimonial-carousel__control:hover,
.testimonial-carousel__control:focus-visible {
  background: var(--color-accent);
  color: var(--color-white);
}
.testimonial-carousel .carousel-control-prev {
  left: 0.5rem;
}
.testimonial-carousel .carousel-control-next {
  right: 0.5rem;
}