:root {
  --bg:#292a2b;
  --card:#323230;
  --line:rgba(255,255,255,0.08);
  --gold:#C8B568;
  --text:#ddd9cf;
  --dim:#7a7670;
  --serif:'Lora', serif;
  --mono:'Geist Mono', monospace;
}

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

body {
  background:var(--bg);
  color:var(--text);
  font-family:var(--mono);
  display:flex;
  align-items:center;
  justify-content:center;
  height:100vh;
}

.card {
  background:var(--card);
  border:1px solid var(--line);
  padding:2.5rem;
  text-align:center;
  max-width:420px;
  width:90%;
}

h1 {
  font-family:var(--serif);
  font-weight:400;
  margin-bottom:1rem;
}

p {
  color:var(--dim);
  margin-bottom:1.5rem;
  font-size:13px;
}

.counter {
  font-size:3rem;
  color:var(--gold);
  font-family:var(--serif);
}

.status {
  font-size:11px;
  margin-top:1.2rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--dim);
}

.footer {
  margin-top:2rem;
  font-size:10px;
  color:var(--dim);
}

.footer a {
  color:var(--gold);
  text-decoration:none;
}