:root {
  --bg: #FAF6F0;
  --ink: #33291F;
  --muted: #8A7863;
  --accent: #C05B2E;
  --chip: #F3E2D6;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
main { padding: 32px; }
.mark {
  width: 96px; height: 96px; border-radius: 50%;
  background: var(--chip); color: var(--accent);
  font-family: Georgia, "Times New Roman", serif; font-size: 2rem;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 28px;
}
h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 2.4rem;
  letter-spacing: -0.01em;
}
p { color: var(--muted); margin-top: 12px; font-size: 1.05rem; }
@media (max-width: 480px) { h1 { font-size: 1.8rem; } }