.login-page{
  min-height:100dvh;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--paper),#fff 60%);
  padding:1.5rem;
}
.login-card{
  width:min(400px,100%);background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:clamp(1.75rem,1.2rem + 2vw,2.5rem);
  box-shadow:var(--shadow);text-align:center;
}
.login-card__mark{width:38px;height:48px;color:var(--indigo);margin-bottom:1.1rem}
.login-card h1{font-size:1.5rem}
.login-card__sub{color:var(--ink-70);margin:.6rem 0 1.6rem;font-size:var(--fs-sm)}
.login-card form{text-align:start}
.login-card__error{
  background:#FDECEF;border:1px solid #F6CBD4;color:var(--warn);
  border-radius:var(--r-sm);padding:.7rem .9rem;font-size:var(--fs-sm);
  font-weight:600;margin-bottom:1rem;text-align:start;
}
.login-card__back{margin-top:1.4rem;font-size:var(--fs-sm)}
.login-card__back a{color:var(--ink-45)}
.login-card__back a:hover{color:var(--indigo)}