.login-page {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background:
    radial-gradient(900px 500px at 0% -10%, rgba(var(--bs-primary-rgb), .14), transparent 60%),
    radial-gradient(700px 400px at 110% 110%, rgba(var(--bs-info-rgb), .12), transparent 60%),
    var(--bs-tertiary-bg);
}
.login-wrap { width: 100%; max-width: 380px; }
.login-card { border: 0; border-radius: 14px; }
.login-card .card-body { padding: 28px; }
.login-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.login-logo {
  width: 38px; height: 38px; border-radius: 10px; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bs-primary); color: #fff; font-size: 19px;
}
.login-card .form-control, .login-card .btn { min-height: 44px; }   /* удобно пальцем */
.login-card .alert { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px; font-size: .9rem; }
.login-card .alert.d-none { display: none !important; }
@media (max-width: 420px) {
  .login-page { align-items: flex-start; padding: 12px; padding-top: 12vh; }
  .login-card .card-body { padding: 20px; }
}