body {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.hero-section {
  background: url("../images/run-banner.jpg") center/cover no-repeat;
  height: 80vh;
  position: relative;
}

.overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero-heading {
    color: #222 !important; /* dark gray, stands out better on light backgrounds */
    text-shadow: 1px 1px 3px rgba(255,255,255,0.3); /* optional subtle highlight */
}

.form-label {
  color: #222 !important; /* dark gray, stands out better on light backgrounds */
  text-shadow: 1px 1px 3px rgba(255,255,255,0.3); /* optional subtle highlight */
}

.btn-danger {
  background-color: #e94e4e;
  border: none;
}

.btn-danger:hover {
  background-color: #c73f3f;
}