:root { color-scheme: light; font-family: Arial, "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #1f2933; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-form { width: min(100%, 320px); display: grid; gap: 16px; }
h1 { margin: 0; font-size: 22px; font-weight: 600; }
.message { min-height: 20px; margin: -6px 0 2px; color: #667085; font-size: 14px; line-height: 20px; }
label { display: grid; gap: 7px; font-size: 14px; }
input { width: 100%; height: 42px; border: 1px solid #c8d0d8; border-radius: 4px; padding: 0 11px; font: inherit; }
input:focus { outline: 2px solid #5b8c85; outline-offset: 1px; border-color: #5b8c85; }
button { height: 42px; border: 0; border-radius: 4px; background: #173f3a; color: #fff; cursor: pointer; font: inherit; }
button:disabled { cursor: wait; opacity: .65; }