.card .login-logo {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto 1rem;
}

.login-page .cardlogin {
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}

.login-page .cardlogin > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}

.login-putinfo {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  width: 100%;
  max-width: 450px;
  align-items: flex-start;
  text-align: left;
}

.login-page .cardlogin > .login-putinfo {
  align-items: flex-start;
  text-align: left;
}

.login-putinfo > p {
  text-align: left;
  align-self: flex-start;
  width: 100%;
}

.login-putinfo > p,
.login-putinfo > input {
  width: 100%;
}