:root {
  color: #19202a;
  background: #f5f7fa;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  letter-spacing: 0;
}
* { box-sizing: border-box; }
body { min-height: 100svh; margin: 0; padding: 32px 24px; display: grid; place-items: center; }
.login-surface { width: min(100%, 380px); text-align: center; }
h1 { margin: 0; font-size: 28px; line-height: 1.4; font-weight: 650; }
#login-status { min-height: 48px; margin: 20px 0; color: #667085; font-size: 14px; line-height: 24px; overflow-wrap: anywhere; }
#login-status[data-phase="failed"] { color: #b42318; }
button { width: 100%; min-height: 46px; padding: 10px 18px; border: 1px solid #176b4d; border-radius: 6px; background: #176b4d; color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
button:disabled { cursor: wait; opacity: .7; }
button:not(:disabled):hover { background: #12543d; }
button.secondary { margin-top: 12px; border-color: #cfd6e1; background: #fff; color: #344054; }
button.secondary:hover { background: #edf1f5; }
a { color: #175cd3; font-size: 14px; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible, button:focus-visible { outline: 2px solid #175cd3; outline-offset: 3px; }
.return-link, #current-page-login { display: block; margin-top: 20px; }
[hidden] { display: none !important; }