.login-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 6rem;
}

.login-card {
  border: 1px solid #d9d9de;
  border-radius: .75rem;
  padding: 2rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: min(464px, 100vw);
}

.login {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-logo {
  width: 75px;
}

.login-subtitle {
  font-size: 0.9rem;
  font-weight: 400;
  color: rgb(94 95 110);
}

.form-label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(94 95 110);
}

.input-field {
  width: 100%;
}

.btn {
  height: 2.25rem;
  font-size: 0.9rem;
  line-height: 0;
  border-radius: 0.4rem;
  width: 100%;
  background-color: #FB773C;
  border-color: #FB773C;
}

.btn:disabled {
  background-color: #FB773C !important; 
  border-color: #FB773C !important;
}

.btn:hover {
  background-color: #AD5229 !important;
  color: white !important; 
  border-color: #AD5229 !important; 
}


input {
  height: 2.25rem !important;
}

input[type="text"] {
    font-size: 0.9rem;
}

.login-footer {
  font-size: 0.9rem;
  font-weight: 400;
  color: rgb(94 95 110);
}

.copyright {
  font-size: 0.9rem;
  font-weight: 400;
  color: rgb(94 95 110);
}

.alert {
  margin-bottom: 2rem;
  width: min(464px, 100vw);
  padding: 0.8rem;
}

.error {
  background-color: #ffd5d5;
}

.alert p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 500;
}

.hidden {
  display: none;
}