:root{--ink:#2D1810;--paper:#FFF5ED;--accent:#E07730;--line:#E5C8B0;--muted:#6B4632}
body{margin:0;font:15px/1.55 "Trebuchet MS",Arial,sans-serif;color:var(--ink);background:#fff}
.bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:3px solid var(--accent)}
.brand{font:bold 20px Georgia,serif;color:var(--ink);text-decoration:none} nav a{color:var(--ink)}
main{max-width:760px;margin:32px auto;padding:0 16px} h1{font:bold 28px Georgia,serif}
.button,button{display:inline-block;background:var(--ink);color:#fff;border:0;padding:10px 16px;border-radius:4px;text-decoration:none;font:bold 15px "Trebuchet MS",Arial}
label{display:block;font-weight:bold;margin-top:14px} input{width:100%;padding:8px;border:1px solid var(--line);border-radius:4px;font:inherit;box-sizing:border-box}
.help{color:var(--muted);font-size:13px} .error{background:#fde7e9;color:#a4262c;padding:10px 14px;border-radius:4px}
.ok{background:var(--paper);padding:10px 14px;border-radius:4px} footer{color:var(--muted);font-size:12px;text-align:center;padding:32px}