body{margin:0;min-height:100vh;display:grid;place-items:center;background:#fff;color:#1d1d1f;font-family:system-ui,-apple-system,"Yu Gothic",sans-serif}
.box{width:min(360px,calc(100% - 32px));text-align:center}
h1{font-size:28px;margin:0 0 8px}
.lead{color:#6e6e73;margin:0 0 28px;line-height:1.6}
.btn{display:block;background:#1d1d1f;color:#fff;text-decoration:none;padding:14px 16px;border-radius:12px;font-weight:600}
.btn:hover{background:#000}
.err{color:#c4281c;background:#fdecea;border-radius:10px;padding:10px 12px;margin:18px 0 0;line-height:1.5}
.hint{color:#86868b;font-size:13px;margin-top:16px}

.btn:focus-visible{outline:3px solid #7a9cff;outline-offset:3px}