/* Distance Calculator Specific Styles */

.bg-gradient-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

#distanceForm .form-control:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

#resultsCard {
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bg-light.rounded {
  transition: all 0.2s ease;
}

.bg-light.rounded:hover {
  background-color: #e2f5e9 !important;
  transform: scale(1.05);
}