:root{--ink:#111111;--bone:#EFEAE0;--marigold:#F5B21B;--teal:#0F4C4A;--muted:#5A5A5A;--grid:#D1D5DB;--red:#B3261E}
*{box-sizing:border-box}
body{margin:0;background:var(--bone);color:var(--ink);font-family:"Archivo",Arial,sans-serif;font-size:18px;line-height:1.55}
h1,h2,h3{font-family:"Archivo Black","Arial Black",Arial,sans-serif;line-height:1.15;font-weight:400}
h1{font-size:clamp(30px,5vw,48px);margin:0 0 16px}
h2{font-size:24px;margin:40px 0 10px}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}
.bar{background:var(--ink);color:var(--bone);padding:12px 20px;font-family:"Archivo Black",Arial,sans-serif;letter-spacing:.04em}
.bar a{color:var(--bone);text-decoration:none}
.sub{font-size:20px;color:var(--muted)}
.btn{display:inline-block;background:var(--marigold);color:var(--ink);border:2px solid var(--ink);padding:14px 24px;font-family:"Archivo Black",Arial,sans-serif;font-size:18px;text-decoration:none;cursor:pointer;border-radius:4px}
.btn:hover{background:var(--ink);color:var(--bone)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.card{background:#fff;border:2px solid var(--ink);padding:20px 24px;margin:24px 0;border-radius:4px}
.teal{background:var(--teal);color:var(--bone)}
.small{font-size:14px;color:var(--muted)}
.draft{background:var(--red);color:#fff;padding:10px 16px;font-weight:700}
footer{border-top:1px solid var(--grid);margin-top:48px;padding-top:16px;font-size:14px;color:var(--muted)}
footer a{color:var(--teal)}
label{display:block;margin:12px 0 4px}
input[type=email],textarea,select{font:inherit;width:100%;padding:8px;border:2px solid var(--ink);border-radius:4px;background:#fff}