*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f6ef;font:14px 'Malgun Gothic',sans-serif;color:#304e3c}main{width:min(420px,92vw);padding:40px;background:white;border:1px solid #e0e8d9;border-radius:16px;box-shadow:0 15px 70px #304e3c0a}.brand img{display:block;width:180px;height:auto;max-width:100%}.eyebrow{font-size:9px;letter-spacing:2px;color:#93a388;margin:8px 0 32px}h1{font-size:22px}p{font-size:12px;line-height:1.9;color:#87967c}label{display:block;font-size:12px;margin:22px 0 8px}input{width:100%;padding:13px;border:1px solid #dce5d3;border-radius:7px;font:inherit}input:focus{outline:2px solid #94b585}button{width:100%;background:#326c4d;color:#fff;border:0;padding:14px;border-radius:7px;font:inherit;margin:28px 0 8px;cursor:pointer}.note{font-size:10px;text-align:center}