/* Raise the login / lost-password card higher and keep it centered */
body.login {
  min-height: 100dvh;
  display: flex;
  align-items: flex-start;   /* start a bit higher on the page */
  justify-content: center;
}

/* Tweak the card’s vertical offset (lower number = higher on page) */
body.login #login { 
  margin-top: 9vh;           /* was effectively ~18vh; this lifts it ~1 screen row */
}

/* (optional) tiny nudge on very short screens */
@media (max-height: 720px) {
  body.login #login { margin-top: 6vh; }
}