body {
  background-color: #f8f5f0;
  color: #2f2f2f;
  font-family: Arial, Helvetica, sans-serif;
}

.hero-section {
  background-color: #fffaf3;
  border-radius: 18px;
  padding: 3rem 1.5rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.info-box,
.course-card {
  background-color: #ffffff;
  border: none;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  height: 100%;
}

.course-label {
  display: inline-block;
  background-color: #d8e6d3;
  color: #355e3b;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  margin-bottom: 0.75rem;
}

.course-card img {
  height: 220px;
  object-fit: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.section-title {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7a5c3e;
  margin-bottom: 1rem;
}

footer {
  color: #6c757d;
}