.about-hero {
  min-height: 48vh;
}

.about-hero-overlay {
  background: linear-gradient(180deg, rgba(2, 40, 15, 0.78) 0%, rgba(0, 51, 102, 0.82) 62%, #0b0d0f 100%);
}

.about-section {
  background-color: #0b0d0f;
  color: #fff;
}

.about-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1rem;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.about-card:hover {
  transform: translateY(-4px);
  border-color: rgba(25, 135, 84, 0.5);
}

.about-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(25, 135, 84, 0.15);
}

.about-highlight {
  background: rgba(255, 255, 255, 0.04);
  border-left: 4px solid #198754;
}

.max-w-760 {
  max-width: 760px;
}