:root { --bg: #0a0735; --fg: #e8e6ff; --accent: #f5c542; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  background: var(--bg);
  color: var(--fg);
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  display: grid;
  place-items: center;
  padding: 16px;
}
main { text-align: center; }
.logo {
  width: min(300px, 60vw);
  height: auto;
  aspect-ratio: 1;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}
h1 { margin: 20px 0 16px; line-height: 0; }
.title { width: min(460px, 80vw); height: auto; image-rendering: pixelated; }
p { margin: 0 0 20px; font-size: 1.1rem; opacity: .85; }
nav { display: flex; gap: 12px 28px; justify-content: center; flex-wrap: wrap; }
a { color: var(--accent); text-underline-offset: 4px; }
a:hover, a:focus-visible { color: #fff; }

/* Text pages (app support, privacy) */
body.page { display: block; height: auto; min-height: 100%; }
.doc { max-width: 680px; margin: 0 auto; padding: 24px 0 48px; text-align: left; }
.doc h1 { line-height: 1.2; font-size: 1.6rem; margin: 8px 0 12px; }
.doc h2 { font-size: 1.1rem; margin: 28px 0 8px; color: var(--accent); }
.doc p, .doc li { font-size: 1rem; line-height: 1.6; opacity: .9; }
.doc ul { margin: 0 0 20px; padding-left: 20px; }
.doc .home { display: inline-block; margin-bottom: 16px; }
.doc .qr { background: #fff; padding: 0; image-rendering: pixelated; border-radius: 4px; }