*{box-sizing:border-box}body{margin:0;background:#fafaf9;color:#2e2e2b;font-family:"Noto Sans KR",sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:340px}.brand{font-size:40px;font-weight:800}h1{font-size:25px;margin:22px 0 8px}p{font-size:13px;color:#777770;line-height:1.8}form{margin-top:32px}label{display:block;font-size:13px;margin:18px 0 8px}input{width:100%;font:inherit;border:1px solid #deded8;background:white;border-radius:7px;padding:12px}input:focus{outline:2px solid #777770;outline-offset:2px}.hint{font-size:12px;margin:20px 0}button{width:100%;padding:13px;border:0;border-radius:7px;background:#2e2e2b;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5}#error{color:#a33;min-height:24px}