body.notice { font: 17px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; color: #172033; background: #f2f3f6;
  max-width: 32rem; margin: 3rem auto; padding: 0 1rem; }
body.notice h1 { font-size: 1.5em; }
.signin-card { display: flex; flex-direction: column; gap: .5rem; background: #fff; border-radius: 12px; padding: 1.25rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.signin-card input:not([type=checkbox]) { font: inherit; padding: .6rem .7rem; border: 1px solid #c7ccd6; border-radius: 8px; }
.signin-card #code { font-size: 1.6em; letter-spacing: .3em; text-align: center; }
.signin-card button { font: inherit; font-weight: 600; padding: .65rem; border: 0; border-radius: 8px; background: #2456d6;
  color: #fff; cursor: pointer; }
.signin-card button:disabled { opacity: .6; cursor: default; }
.signin-card button.link { background: none; color: #2456d6; font-weight: 400; }
.signin-card .check { display: flex; gap: .5rem; align-items: center; }
body.signin #msg { color: #b42318; font-weight: 600; min-height: 1.5em; }
body.notice .small { font-size: .85em; color: #5b6475; }
.signin-card[hidden] { display: none; }