/* Sign-in page. Big, calm, one thing at a time. Builds on /shared/css/site-v56.css. */
.signin{max-width:640px;padding-top:34px;padding-bottom:20px}
.signcard{background:var(--card);border:2px solid var(--border);border-radius:22px;padding:34px 36px}
.signcard h1{font-size:38px;margin-bottom:10px}
.signcard .lead{margin:0 0 22px;font-size:21px;line-height:1.45;color:var(--muted)}
.signcard label{display:block;font-weight:700;font-size:20px;margin:0 0 8px;color:var(--navy)}
.signcard input{display:block;width:100%;min-height:72px;padding:12px 18px;font:400 26px system-ui,sans-serif;border:3px solid var(--border);border-radius:14px;background:var(--d-surf,#fff);color:var(--ink);margin-bottom:18px}
.signcard input:focus{outline:4px solid var(--goldl);border-color:var(--navy)}
.signcard .btn{width:100%;min-height:72px;font-size:28px}
.signcard .codebox{font-size:44px;letter-spacing:.35em;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;padding-left:.35em}
.btn.google{background:var(--d-surf,#fff);color:#1f2937;border:3px solid var(--border);box-shadow:0 3px 0 var(--border);font-size:24px;gap:14px}
.or{display:flex;align-items:center;gap:14px;color:var(--muted);margin:22px 0;font-size:19px}
.or::before,.or::after{content:"";flex:1;height:2px;background:var(--border)}
.linkrow{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px}
.linkbtn{background:none;border:0;padding:8px 2px;font:600 20px system-ui,sans-serif;color:var(--navy);text-decoration:underline;cursor:pointer;min-height:48px}
.linkbtn:disabled{color:var(--muted);text-decoration:none;cursor:default}
.fine-note{font-size:18px;color:var(--muted);margin:18px 0 0}
.status{min-height:1.6em;margin:16px 0 0;font-size:21px;font-weight:600;color:var(--earn-d)}
.status.err{color:#a3261b}
.legacy{margin:22px 4px 0;font-size:19px;color:var(--muted)}
.legacy summary{cursor:pointer;padding:10px 0;min-height:48px;font-weight:600}
.legacy form{background:var(--d-surf,#fff);border:2px solid var(--border);border-radius:16px;padding:20px;margin-top:8px}
.legacy input{min-height:60px;font-size:22px}
@media (max-width:640px){.signcard{padding:24px 18px}.signcard h1{font-size:32px}.signcard .codebox{font-size:32px;letter-spacing:.2em;padding-left:.2em}.signcard .codebox,.signcard input{max-width:100%;box-sizing:border-box}.btn.google{font-size:20px;white-space:nowrap}}
.signcard #sentTo{overflow-wrap:anywhere;word-break:break-all}
.signcard h1{margin-bottom:18px}