@font-face { font-family: 'Silkscreen'; src: url('Silkscreen-Regular.ttf') format('truetype'); font-weight: 400; }
@font-face { font-family: 'IBM Plex Mono'; src: url('IBMPlexMono-Regular.woff2') format('woff2'); font-weight: 400; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: #06050a; color: #d8cfb8; font: 15px/1.5 'IBM Plex Mono', Consolas, monospace; }
.caja { width: min(380px, 100%); padding: 32px 24px; border: 1px solid #806b38; background: #100d14; text-align: center; }
.eyebrow { margin: 0; font: 10px 'Silkscreen', monospace; letter-spacing: .22em; color: #e1b43e; }
h1 { margin: 10px 0 6px; font: 400 28px 'Silkscreen', monospace; color: #f2e3bd; }
.nota { margin: 0 0 22px; font-size: 12px; color: #8f8577; }
button { width: 100%; height: 46px; border: 1px solid #b48a35; background: linear-gradient(#3b2610, #140c06);
  color: #f2e3bd; font: 400 13px 'Silkscreen', monospace; letter-spacing: .08em; cursor: pointer; }
button:disabled { opacity: .5; cursor: wait; }
.estado { min-height: 20px; margin: 14px 0 0; font-size: 12.5px; color: #8f8577; }
.estado.error { color: #ff7a5c; }