:root{font-family:"Segoe UI","Yu Gothic UI","BIZ UDPGothic",sans-serif;color:#223f35;background:#f5f7f3}*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
main{width:min(380px,100%)}form{background:#fff;border:1px solid #dbe4d5;border-radius:13px;padding:28px 24px}
h1{font-size:26px;letter-spacing:2px;color:#295745;margin:0 0 6px}h1 small{font-size:12px;letter-spacing:1px;margin-left:6px;color:#778672}
.lead,.note{font-size:12px;color:#778672;line-height:1.8}.note{text-align:center;margin-top:14px}
label{display:block;font-size:12px;margin:16px 0 6px}
input{width:100%;padding:11px;border:1px solid #cbd6ca;border-radius:7px;font:inherit;font-size:14px;background:#fff}
input:focus-visible,button:focus-visible{outline:2px solid #267569;outline-offset:2px}
#error{min-height:1.6em;margin:12px 0 4px;font-size:12px;color:#a33a2f}
button{width:100%;padding:11px 14px;border:1px solid #2c654b;border-radius:7px;background:#2c654b;color:#fff;font:inherit;font-size:14px;cursor:pointer}
button:hover{background:#22523c}button:disabled{opacity:.5;cursor:default}