@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;background:#f3f5f9;color:#172a43;font:16px/1.8 'Noto Sans Thai',sans-serif;padding:24px}main{width:100%;max-width:420px}.brand{display:block;text-align:center;text-decoration:none;color:#172a43;font-size:38px;font-weight:700;margin-bottom:26px}.brand span{color:#ff855a}form{padding:32px;background:white;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 12px 40px #1021390a}h1{font-size:25px;margin:0 0 26px}label{display:block;font-weight:500;margin-bottom:8px}input,button{font:inherit;width:100%;min-height:50px;border-radius:9px}input{padding:12px 14px;border:1px solid #bdc9d8;color:#172a43;background:white}button{margin-top:20px;border:0;background:#ff855a;color:#172a43;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #4384c5;outline-offset:3px}#message{font-size:14px;line-height:1.8;color:#963c29;margin:18px 0 0;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:440px){body{padding:20px}form{padding:26px 22px}}