.login-body {
  height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(160deg, #eef0fb 0%, #f7f7fb 60%);
  overflow: auto; position: relative;
}
.login-footer {
  position: fixed; left: 0; right: 0; bottom: 0; height: 30px;
  display: flex; align-items: center; justify-content: center;
  font-size: 10.5px; color: #9a9aa8; letter-spacing: .2px; user-select: none;
}
.login-card {
  width: 340px; max-width: 90vw; background: #fff; border-radius: 12px;
  padding: 32px 30px 28px; box-shadow: 0 12px 40px rgba(30, 30, 60, .12);
  display: flex; flex-direction: column;
}
.login-logo {
  width: 52px; height: 52px; border-radius: 12px; background: #4f46e5; color: #fff;
  display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
}
.login-card h1 { font-size: 17px; margin: 0 0 2px; text-align: center; }
.login-sub { font-size: 12.5px; color: #888; text-align: center; margin: 0 0 22px; }
.login-card label { font-size: 12px; color: #444; margin: 10px 0 4px; font-weight: 600; }
.login-card input {
  padding: 10px 12px; font-size: 14px; border: 1px solid #d8d8de; border-radius: 7px;
  outline: none; transition: border-color .15s;
}
.login-card input:focus { border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.12); }
.login-card button {
  margin-top: 20px; padding: 11px; border: none; border-radius: 7px;
  background: #4f46e5; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;
  transition: background .15s;
}
.login-card button:hover { background: #4338ca; }
.login-error {
  background: #fdecea; color: #c62828; font-size: 12.5px; padding: 9px 11px;
  border-radius: 6px; margin-bottom: 4px;
}