*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: grid;
  place-items: center;
  padding: 16px;
  background: #fff; /* matches the logo's white background */
  color: #222;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-align: center;
}
main { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
img { width: min(320px, 80vw); height: auto; }
p { margin: 0; font-size: clamp(1.1rem, 4vw, 1.5rem); }
a { color: #b5272d; display: inline-flex; padding: 4px; border-radius: 8px; }
a:hover { color: #222; }
a:focus-visible { outline: 2px solid #b5272d; outline-offset: 3px; }