.login-card{
  grid-template-columns:minmax(0,1fr)!important;
  width:min(420px,calc(100% - 32px));
  overflow:hidden;
}
.login-card>*{
  min-width:0;
  grid-column:1/-1;
}
.login-card h1{
  font-size:clamp(26px,4vw,34px);
  line-height:1.35;
  overflow-wrap:anywhere;
}
.login-card p,
.login-card small{
  line-height:1.65;
  overflow-wrap:anywhere;
}
.login-card label{
  width:100%;
}
.login-card input,
.login-card button{
  display:block;
  width:100%;
  min-width:0;
}
.login-card button{
  margin-top:2px;
}
.login-card .login-remember{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border-radius:9px;
  background:#f1f6fc;
  font-size:14px;
  line-height:1.4;
}
.login-card .login-remember input{
  flex:0 0 auto;
  width:20px;
  height:20px;
  margin:0;
}
@media(max-width:520px){
  .login{
    place-items:start center;
    padding:24px 0;
  }
  .login-card{
    width:min(100% - 24px,420px);
    padding:24px 20px;
    border-radius:14px;
  }
  .login-card h1{
    font-size:27px;
  }
}