:root{--bg: #e4d9cc;--card: #fffdf9;--ink: #1a1814;--muted: #3a342c;--line: #d2c3ae;--accent: #145c4a;--accent-ink: #f3faf7;--ease: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--ink);font-family:Segoe UI,Microsoft JhengHei,PingFang TC,sans-serif}main{width:min(420px,100%);padding:28px 24px 22px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 10px 24px #3e2c160f}h1{margin:0;font-family:Palatino Linotype,PMingLiU,serif;font-size:1.8rem}.lead{margin:8px 0 18px;color:var(--muted)}label{display:grid;gap:6px;margin-bottom:12px;font-weight:650}input{min-height:3rem;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}button{width:100%;min-height:3rem;margin-top:6px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:700;cursor:pointer}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#error{margin:0 0 8px;color:#9a3412;font-weight:650}