body {
  background-color: #f8f9fb;
}

.navbar-brand {
  letter-spacing: 0.02em;
}

.active-calculator {
  background-color: rgba(25, 135, 84, 0.08);
  border-radius: 0.5rem;
}

.active-calculator .fw-semibold {
  color: #198754;
}

.card {
  border-radius: 1rem;
}

.btn-primary {
  background: linear-gradient(135deg, #3c8ce7 0%, #00eaff 100%);
  border: none;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, #337cd2 0%, #00c9d8 100%);
}

.wizard-modal .modal-content {
  border-radius: 1.5rem;
  border: none;
  box-shadow: 0 1.5rem 3rem rgba(15, 23, 42, 0.15);
}

.wizard-modal .modal-header {
  border-bottom: none;
  padding-bottom: 0.5rem;
}

.wizard-modal .modal-body {
  padding-top: 0.5rem;
}

.wizard-modal .wizard-step h6 {
  font-size: 1.05rem;
}

.wizard-modal .wizard-step p {
  font-size: 0.95rem;
  color: #4a5568;
}

.wizard-modal .form-text {
  font-size: 0.85rem;
  color: #6c757d;
}

.wizard-modal .progress {
  height: 0.75rem;
  border-radius: 0.75rem;
  background-color: #e9edf5;
}

.wizard-modal .progress-bar {
  background: linear-gradient(135deg, #3c8ce7 0%, #00eaff 100%);
  border-radius: 0.75rem;
}

.wizard-modal .modal-footer {
  border-top: none;
}

@media (min-width: 992px) {
  nav + section.container {
    min-height: calc(100vh - 76px);
  }
}

.btn-submit {
  width: 100%;
}

@media (min-width: 768px) {
  .btn-submit {
    width: auto;
  }
}