/* Sign-in pages (/login.html and the "tap to sign in" step). */
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f5f5f7; color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.card { width: min(400px, 92vw); background: #fff; border-radius: 20px; padding: 36px 32px; }
h1 { margin: 0 0 6px; font-size: 32px; letter-spacing: -.03em; }
p { color: #6e6e73; line-height: 1.45; margin: 0 0 20px; }
input { width: 100%; font: inherit; font-size: 16px; padding: 12px 14px; border: 1px solid #d2d2d7; border-radius: 12px; margin-bottom: 12px; }
button { width: 100%; font: inherit; font-size: 16px; font-weight: 600; padding: 12px; border: 0; border-radius: 12px; background: #0071e3; color: #fff; cursor: pointer; }
button:disabled { opacity: .5; }
#msg { margin: 16px 0 0; min-height: 1.4em; }