/* login.css */
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(160deg, #1c3a5e 0%, #2563ab 100%);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  padding: 20px;
}
.card {
  background: #fff; border-radius: 16px; padding: 32px 24px; width: 100%; max-width: 340px;
  text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,.25);
}
.logo { font-size: 56px; }
h1 { margin: 8px 0 4px; font-size: 20px; color: #1c2430; }
.sub { margin: 0 0 20px; color: #889; font-size: 13px; }
form { display: flex; flex-direction: column; gap: 12px; }
input {
  width: 100%; border: 1px solid #d5dbe3; border-radius: 10px; padding: 12px;
  font-size: 15px; font-family: inherit;
}
input:focus { outline: 2px solid #2563ab55; border-color: #2563ab; }
.primary {
  border: 0; background: #2563ab; color: #fff; border-radius: 10px; padding: 12px;
  font-size: 15px; font-weight: 600; cursor: pointer;
}
.primary:disabled { background: #9db8d6; }
.error { color: #c0392b; font-size: 13px; margin-top: 4px; }