:root{--forest:#163a30;--paper:#faf5e9;--gold:#b6a272;--ink:#273c34;--muted:#6b756c}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:var(--forest);font-family:'Noto Sans Thai',sans-serif;color:var(--ink)}main{width:min(430px,calc(100% - 36px));padding:34px;background:var(--paper);border:1px solid var(--gold)}.brand{font-family:Georgia,serif;font-size:11px;letter-spacing:.23em;color:var(--muted)}h1{font-family:'Noto Serif Thai',serif;font-size:30px;font-weight:400;margin:20px 0 12px}p{font-size:13px;line-height:1.8}form{margin-top:25px}label{font-size:12px;color:var(--muted)}input,button{display:block;width:100%;font:inherit;border:1px solid var(--gold);padding:12px;margin-top:8px;border-radius:3px}input{background:var(--paper);color:var(--ink)}button{cursor:pointer;background:var(--forest);color:var(--paper);margin-top:16px}input:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}