:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;padding:24px;display:grid;place-items:center;background:#fff;color:#000;font:400 17px/1.6 system-ui,sans-serif}
main{width:min(100%,480px);text-align:center}
h1{margin:0 0 28px;font:400 clamp(30px,6vw,42px)/1.2 Georgia,serif}
form{width:min(100%,320px);margin-inline:auto}
input{width:100%;min-height:54px;padding:13px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#000;font:inherit;font-size:16px;text-align:center}
input:focus-visible{outline:2px solid #000;outline-offset:3px}
input[aria-invalid=true]{border-color:#9b2727}
#password-error{margin:12px 0 0;color:#9b2727;font-size:14px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}