.area-card {
  background: #ffffff;
  border-radius: 18px;
  border: none;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

.area-input {
  border-radius: 8px;
  height: 45px;
  transition: all .2s ease;
}

.area-input.is-valid {
  border-color: #28a745;
}

.area-input.is-invalid {
  border-color: #dc3545;
}

.area-toggle-password {
  position: absolute;
  top: 38px;
  right: 15px;
  cursor: pointer;
  color: #6c757d;
}

.area-toggle-password:hover {
  color: #343a40;
}

.area-btn {
  height: 45px;
  border-radius: 8px;
  transition: all .2s ease;
}

.area-btn.enabled {
  background-color: #28a745;
  border-color: #28a745;
}

.area-group {
  margin-bottom: 22px;
}

.alert {
  border-radius: 8px;
  font-size: 14px;
}

.alert .close {
  outline: none;
}