:root {
  --bg: #FBF7F4; --surface: #FFFFFF; --text: #2B2126; --muted: #6B5C63; --accent: #A84D62; --on-accent: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #1A1418; --surface: #261D23; --text: #F3ECEF; --muted: #A8979F; --accent: #E08A9C; --on-accent: #1A1418; }
}
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: var(--bg); color: var(--text);
  font: 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  padding: 24px 16px;
}
main { max-width: 420px; width: 100%; text-align: center; }
.logo { display: block; width: 96px; height: auto; margin: 0 auto 24px; }
h1 { font-family: ui-serif, Georgia, serif; font-size: 34px; line-height: 1.15; margin: 0 0 12px; }
p { color: var(--muted); margin: 0 0 16px; }
.card { background: var(--surface); border-radius: 20px; padding: 20px; margin-top: 24px; text-align: left; }
.card ol { margin: 0; padding-left: 20px; }
.card li { margin-bottom: 8px; }
footer { margin-top: 32px; font-size: 14px; color: var(--muted); }
footer a { color: var(--muted); }