/* Minimal, centered logo, custom background */
* { box-sizing: border-box; }
html, body { height: 100%; }
html { font-size: 16px; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.55;
  min-height: 100vh;
  background: #bad9d4;
  display: grid;
  place-items: center;
}
.wrap { width: 100%; max-width: 800px; padding: 2rem; text-align: center; }
.logo { max-width: 493px; width: min(60vw, 493px); height: auto; display: inline-block; }
.meta { opacity: 0.7; font-size: 0.9rem; margin-top: 1rem; }

@media (prefers-color-scheme: dark) {
  body { color: #0b0b0c; }
}