:root{
  --ink:        #100e0c;
  --hairline:   rgba(236,231,220,0.11);
  --text:       #ece7dc;
  --muted:      #a89f8d;
  --brass:      #c9a86a;
  --brass-dim:  #8a7550;
  --brass-glow: rgba(201,168,106,0.14);
}

*{ box-sizing:border-box; margin:0; padding:0; }

html, body{ height:100%; }

body{
  background:var(--ink);
  color:var(--text);
  font-family:'Manrope', sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  position:relative;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0.05;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

::selection{ background:var(--brass); color:var(--ink); }
a{ color:inherit; text-decoration:none; }

main{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 24px;
  position:relative;
  z-index:1;
}

.card{ text-align:center; max-width:520px; }

.seal{
  width:56px; height:56px;
  margin:0 auto 24px;
  opacity:0;
  transform:scale(1.5) rotate(-8deg);
  animation: stampIn 1s cubic-bezier(.16,.9,.2,1) 0.1s forwards;
}
.seal img{ width:100%; height:100%; }
@keyframes stampIn{
  0%{ opacity:0; transform:scale(1.5) rotate(-8deg); }
  55%{ opacity:1; }
  100%{ opacity:1; transform:scale(1) rotate(0deg); }
}

h1{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:600;
  font-size:32px;
  letter-spacing:-0.01em;
  margin-bottom:12px;
}

.card p{
  color:var(--muted);
  font-size:15.5px;
  line-height:1.55;
  margin-bottom:28px;
}

.status-note{
  max-width:420px;
  margin:18px auto 0;
  color:#756d5f;
  font-size:11.5px;
  line-height:1.6;
}

.btn-row{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.btn{
  font-family:'Fragment Mono', monospace;
  font-size:13px;
  letter-spacing:0.03em;
  padding:12px 22px;
  border-radius:4px;
  border:1px solid var(--hairline);
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.btn-fill{
  background:var(--brass);
  border-color:var(--brass);
  color:var(--ink);
  font-weight:600;
}
.btn-fill:hover{ background:#d9bb82; transform:translateY(-1px); }
.btn-quiet{ color:var(--muted); }
.btn-quiet:hover{ color:var(--text); border-color:var(--brass-dim); background:var(--brass-glow); transform:translateY(-1px); }

.btn-disabled{
  color:#5c564a;
  cursor:default;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.btn-disabled em{
  font-style:normal;
  font-size:10px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:#453f34;
  border:1px solid var(--hairline);
  border-radius:3px;
  padding:2px 6px;
}

footer{
  position:relative;
  z-index:1;
  text-align:center;
  padding:20px;
  font-family:'Fragment Mono', monospace;
  font-size:11.5px;
  color:#5c564a;
}
footer a:hover{ color:var(--muted); }

@media (prefers-reduced-motion: reduce){
  .seal{ animation:none; opacity:1; transform:none; }
}