.hero {
  background: linear-gradient(135deg, var(--bs-primary) 0%, #4f46e5 100%);
}

.foto-kegiatan {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.card-hover {
  transition: transform .15s ease, box-shadow .15s ease;
}

.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: var(--bs-box-shadow) !important;
}

.kode-kelas {
  font-family: var(--bs-font-monospace);
  letter-spacing: .1em;
}