body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: radial-gradient(1000px 500px at 50% -10%, #232a52 0%, #0f1220 60%);
  color: #e7e9f4;
}
.login-card {
  width: 340px; background: #181c2f; border: 1px solid #262c4c;
  border-radius: 16px; padding: 30px 28px; display: flex; flex-direction: column; gap: 12px;
}
.login-card h1 { margin: 0 0 4px; font-size: 20px; text-align: center; }
.muted { color: #9aa1bd; font-size: 13.5px; text-align: center; margin: 0 0 6px; }
label { font-size: 12.5px; color: #9aa1bd; }
input {
  padding: 11px 13px; border-radius: 10px; border: 1px solid #2c3358;
  background: #1f2440; color: #e7e9f4; font-size: 14px; outline: none;
}
input:focus { border-color: #6c8cff; }
.btn {
  margin-top: 6px; padding: 11px; border: 0; border-radius: 10px;
  background: #6c8cff; color: #fff; font-size: 14.5px; font-weight: 600; cursor: pointer;
}
.btn:hover { filter: brightness(1.12); }