.login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at 20% 10%, #fff 0, #f1f5fa 32%, #e5ebf2 100%);
}
.login-card {
  width: min(440px, 100%);
  padding: 42px;
  border: 1px solid #d9e1e9;
  border-radius: 28px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 28px 80px rgba(34, 51, 68, .14);
}
.login-logo { display: block; width: 190px; height: auto; margin: 0 0 32px; }
.login-card h1 { margin: 7px 0 8px; font-size: 32px; }
.login-card p { color: #69798a; line-height: 1.55; }
.login-form { display: grid; gap: 16px; margin: 28px 0 22px; }
.login-form label { display: grid; gap: 7px; color: #4b5c6d; font-size: 13px; font-weight: 700; }
.login-form input { height: 48px; padding: 0 14px; border: 1px solid #ced8e2; border-radius: 12px; background: #f8fafc; font: inherit; }
.login-form input:focus { outline: 2px solid #b7d2e7; border-color: #779bb8; }
.login-form button { height: 50px; border: 0; border-radius: 13px; background: #34495d; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.login-form button:hover { background: #263b4e; }
.login-card small { display: block; color: #84919d; line-height: 1.45; }