:root { --ink: #1c2633; --muted: #5b6675; --accent: #8a6d3b; --bg: #f4f1ea; --card: #fffdf8; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 24px 16px; background: var(--bg); color: var(--ink);
  font-family: Georgia, "Times New Roman", serif; line-height: 1.6;
}
.card {
  width: 100%; max-width: 560px; padding: 56px 40px; text-align: center;
  background: var(--card); border: 1px solid #e3ddd0; border-radius: 4px;
  box-shadow: 0 10px 30px rgba(28, 38, 51, .08);
}
.eyebrow {
  margin: 0 0 18px; color: var(--accent); font: 600 .8rem/1 system-ui, sans-serif;
  letter-spacing: .22em; text-transform: uppercase;
}
h1 { margin: 0; font-size: clamp(1.6rem, 4.5vw, 2.2rem); font-weight: normal; line-height: 1.25; }
.rule { width: 48px; height: 2px; margin: 28px auto; background: var(--accent); }
p { margin: 0; color: var(--muted); }
a { color: var(--ink); }
footer { margin-top: 24px; color: var(--muted); font: .8rem system-ui, sans-serif; }
@media (max-width: 480px) { .card { padding: 40px 24px; } }