/* Gradient background hero */
.lp-hero {
  background: radial-gradient(1200px 800px at 10% 10%, rgba(137, 186, 23, 0.35), rgba(137, 186, 23, 0.05) 40%, transparent 60%),
              radial-gradient(1200px 800px at 90% 0%, rgba(120, 167, 255, 0.25), rgba(120, 167, 255, 0.05) 40%, transparent 60%),
              linear-gradient(180deg, #f8fafb 0%, #f1f5f9 60%, #eef2f5 100%);
  min-height: 40vh;
}

/* Remove gradient when combined with .no-bg */
.lp-hero.no-bg {
  background: none !important;
}

/* Glass morphic cards */
.glass-card {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
}

/* Force light form controls inside glass areas and modals */
.glass-card input.form-control,
.glass-card textarea.form-control,
.glass-card select.form-select,
.modal-content.glass-card input.form-control,
.modal-content.glass-card textarea.form-control,
.modal-content.glass-card select.form-select,
.glass-card .list-group-item input.form-control,
.glass-card .list-group-item textarea.form-control,
.glass-card .list-group-item select.form-select,
.glass-card .input-group .form-control {
  background-color: #ffffff !important;
  color: #212529 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.glass-card input.form-control::placeholder,
.glass-card textarea.form-control::placeholder,
.modal-content.glass-card input.form-control::placeholder,
.modal-content.glass-card textarea.form-control::placeholder,
.glass-card .list-group-item input.form-control::placeholder,
.glass-card .list-group-item textarea.form-control::placeholder {
  color: #6c757d !important;
  opacity: 1;
}
.glass-card input.form-control:focus,
.glass-card textarea.form-control:focus,
.glass-card select.form-select:focus,
.modal-content.glass-card input.form-control:focus,
.modal-content.glass-card textarea.form-control:focus,
.modal-content.glass-card select.form-select:focus,
.glass-card .list-group-item input.form-control:focus,
.glass-card .list-group-item textarea.form-control:focus,
.glass-card .list-group-item select.form-select:focus,
.glass-card .input-group .form-control:focus {
  background-color: #ffffff !important;
  color: #212529 !important;
  border-color: #86b7fe !important;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.15) !important;
}

/* Buttons */
.btn-glass {
  background: rgba(255, 255, 255, 0.15);
  color: #0b1526;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(10px);
}
.btn-glass:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* Step list styles */
#stepList .list-group-item {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.drag-handle {
  cursor: grab;
  color: #6c757d;
}
.drag-handle:active { cursor: grabbing; }

/* Responsive helpers */
@media (max-width: 576px) {
  .btn-lg { padding: .5rem .9rem; font-size: 1rem; }
}