body {
  background: linear-gradient(135deg, #ffe4ec 0%, #fff7fb 35%, #f3f8ff 100%);
  min-height: 100vh;
}

.card-soft {
  border-radius: 18px;
  border: none;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(12px);
}

/* Backdrop modal */
.modal-backdrop.show {
  opacity: .55;
}

/* Modal content chung cho login/register */
.auth-modal {
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .86));
  backdrop-filter: blur(10px);
}

/* Badge icon chung */
.auth-badge {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(13, 110, 253, .12);
  color: #0d6efd;
}

/* Input mềm */
.input-soft .input-group-text {
  border: 1px solid #e9ecef;
  border-right: 0;
  background: #f8fafc;
}

.input-soft .form-control,
.input-soft .form-select {
  border: 1px solid #e9ecef;
  border-left: 0;
  background: #fff;
  padding: .7rem .9rem;
}

.input-soft .form-control:focus,
.input-soft .form-select:focus {
  box-shadow: none;
  border-color: rgba(13, 110, 253, .45);
}

/* Nút eye */
.btn-eye {
  border: 1px solid #e9ecef;
  border-left: 0;
  background: #fff;
}

.btn-eye:focus {
  box-shadow: none;
}

.modal-title {
  font-weight: 700;
}