:root {
  color-scheme: dark;
  --paper: #151c22;
  --ink: #e6eef2;
  --muted: #8fa0ab;
  --line: #314049;
  --brass: #8eb4d4;
  --brass-ink: #10161b;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: ui-sans-serif, sans-serif;
  font-variant-numeric: tabular-nums lining-nums;
}
main {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.5rem;
}
.brand { margin: 0; letter-spacing: 0.22em; font-size: 11px; font-weight: 600; color: var(--brass); }
h1 { margin: 0.5rem 0 0; font-size: 3rem; font-weight: 600; letter-spacing: -0.03em; }
.muted { color: var(--muted); max-width: 28rem; }
.button {
  display: inline-block;
  margin-top: 1rem;
  border: 0;
  border-radius: 999px;
  background: var(--brass);
  color: var(--brass-ink);
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  padding: 0.7rem 1.1rem;
  cursor: pointer;
}
[hidden] { display: none !important; }