:root{ --bg:#F0E8DD; --paper:#FFFDF9; --ink:#211E1A; --soft:#5B5646; --faint:#6E6857; --must:#B87A1B; --mustd:#8F5E12; --line:#DDD3BF; }
*{ 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:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; font-size:16px; line-height:1.55; -webkit-text-size-adjust:100%; }
.caja{ width:100%; max-width:480px; background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:34px 28px; }
.eyebrow{ font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--mustd); font-weight:600; margin:0 0 10px }
h1{ font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:28px; line-height:1.1; letter-spacing:-.01em; margin:0 0 14px }
p{ margin:0 0 16px; color:var(--soft) }
ol{ margin:0 0 20px; padding-left:22px; color:var(--soft) }
li{ margin-bottom:8px }
.btn{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:50px; padding:14px 22px;
  font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase; font-weight:600;
  border:1px solid var(--ink); border-radius:4px; background:var(--ink); color:#fff; text-decoration:none; }
.btn:hover{ background:#3A342C }
.fino{ font-size:13.5px; color:var(--faint); margin:18px 0 0 }
.fino a{ color:var(--mustd) }
a{ color:var(--mustd) }
:focus-visible{ outline:3px solid var(--mustd); outline-offset:3px }