.login-card {
  align-items: stretch;
  text-align: center;
}

.login-card .brand {
  justify-self: center;
  text-align: left;
}

.login-card .notice {
  margin: -8px 0 0;
  min-height: 1.5em;
}

.login-card .telegram-login {
  display: grid;
  min-height: 48px;
  place-items: center;
}

@media (max-width: 420px) {
  .login-page { padding: 16px; }
  .login-card { gap: 18px; padding: 28px 22px; }
  .login-card h1 { font-size: 28px; }
}