:root { --ivory: #fbf8ef; --green: #2f6b3a; --ink: #1f2a22; --muted: #55605a; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  background: var(--ivory); color: var(--ink);
  font: 1.125rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { width: min(32rem, 100% - 2.5rem); padding: 2rem 0; text-align: center; }
img { width: 6rem; height: 6rem; border-radius: 1.5rem; }
h1 { font-size: 1.75rem; line-height: 1.2; margin: 1rem 0 0.5rem; }
p { color: var(--muted); margin: 0.75rem 0; }
.button {
  display: block; margin: 1.5rem 0 1rem; padding: 1rem; border-radius: 0.75rem;
  background: var(--green); color: #fff; font-weight: 600; text-decoration: none;
}
.button:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
[hidden] { display: none; }