:root{--bg0:#14130F;--bg2:#1F1D18;--bg4:#29261F;--line:#302C24;--line2:#252219;--line3:#3E392F;
  --t0:#F2EFE6;--t1:#B8B2A2;--t2:#857F71;--t3:#5C574C;--gold:#D4A64A;--red:#D9756A;--green:#6FB07E;
  --paper:#F2EFE6;--ink:#211D15;--ease:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100dvh;background:var(--bg0);color:var(--t1);
  font-family:'Newsreader',Georgia,serif;font-weight:300;
  display:grid;place-items:center;padding:28px 20px;-webkit-font-smoothing:antialiased}
.grain{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.lamp{position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(48% 42% at 50% 42%,rgba(212,166,74,.1),transparent 70%)}
.mark{position:fixed;top:24px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:9px;z-index:10}
.mark b{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;
  background:var(--t0);color:var(--bg0);font-family:'Newsreader',Georgia,serif;
  font-size:15px;font-weight:600}
.mark n{font-family:'Newsreader',Georgia,serif;font-size:17px;color:var(--t0);font-style:normal}
.sheet{width:min(440px,100%);background:var(--paper);color:var(--ink);border-radius:3px;
  padding:38px 36px 32px;position:relative;z-index:2;transform:rotate(-.4deg);
  box-shadow:0 46px 90px -34px rgba(0,0,0,.92),0 3px 0 rgba(0,0,0,.28);
  animation:land .9s var(--ease) both}
@keyframes land{from{opacity:0;transform:rotate(-2.2deg) translateY(24px) scale(.976)}
  to{opacity:1;transform:rotate(-.4deg) translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.sheet{animation:none}}
.hd{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.17em;text-transform:uppercase;
  color:rgba(33,29,21,.5);display:flex;justify-content:space-between;gap:12px;
  padding-bottom:12px;border-bottom:1px solid rgba(33,29,21,.16);margin-bottom:24px}
h1{font-weight:300;font-size:1.66rem;line-height:1.16;letter-spacing:-.015em;color:var(--ink);
  margin-bottom:9px}
.sub{font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.72;
  color:rgba(33,29,21,.62);margin-bottom:24px}
label{display:block;font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(33,29,21,.5);margin-bottom:6px}
input{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(33,29,21,.26);
  padding:7px 2px;font-family:'IBM Plex Mono',monospace;font-size:13.5px;color:var(--ink);
  outline:none;border-radius:0;transition:border-color .5s var(--ease)}
input:focus{border-color:rgba(33,29,21,.72)}
.field{margin-bottom:20px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:420px){.two{grid-template-columns:1fr}}
button.go{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
  cursor:pointer;border:0;margin-top:8px;background:var(--ink);color:var(--paper);
  border-radius:999px;padding:11px 12px 11px 24px;font-family:'IBM Plex Mono',monospace;
  font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  transition:transform .5s var(--ease),filter .5s var(--ease)}
button.go:hover{filter:brightness(1.35)}
button.go:active{transform:scale(.978)}
button.go:disabled{opacity:.45;cursor:default}
button.go i{width:26px;height:26px;border-radius:50%;background:rgba(242,239,230,.14);
  display:grid;place-items:center;font-style:normal;font-size:12px;transition:transform .5s var(--ease)}
button.go:hover:not(:disabled) i{transform:translate(3px,-1px)}
.note{font-family:'IBM Plex Mono',monospace;font-size:10.5px;line-height:1.72;margin-top:18px;
  color:rgba(33,29,21,.45)}
.note a{color:rgba(33,29,21,.75)}
.err{color:#8C3428;min-height:1.3em;font-family:'IBM Plex Mono',monospace;font-size:10.5px;
  margin-top:14px}
.foot{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);
  font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--t3);text-align:center}
.ok{color:#2C6E49}
.stamp{margin-top:22px;border:1px solid rgba(33,29,21,.2);border-radius:8px;padding:15px 17px;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.75;color:rgba(33,29,21,.72)}
.stamp b{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(33,29,21,.45);margin-bottom:7px;font-weight:400}
.row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;
  border-bottom:1px solid rgba(33,29,21,.1);font-family:'IBM Plex Mono',monospace;font-size:11.5px}
.row span:first-child{color:rgba(33,29,21,.5)}
.row span:last-child{color:var(--ink)}
a.go{text-decoration:none}