:root{color-scheme:light dark}
body{font:16px/1.5 system-ui,sans-serif;max-width:22rem;margin:12vh auto;padding:0 1rem}
h1{font-size:1.25rem} label{display:block;margin:.75rem 0 .25rem}
input{width:100%;padding:.6rem;box-sizing:border-box;border:1px solid #8888;border-radius:.4rem}
button{margin-top:1rem;width:100%;padding:.7rem;border:0;border-radius:.4rem;
  background:#3b5bdb;color:#fff;font-weight:600;cursor:pointer}
.msg{margin-top:1rem;min-height:1.2rem;color:#c92a2a}
.ok{color:#2b8a3e} small{color:#888;display:block;margin-top:1.5rem}