:root {
  color-scheme: light dark;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  background: #0b1020;
  color: #f8fafc;
}

body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(36rem, calc(100% - 3rem)); }
h1 { margin: 1rem 0 0.5rem; }
p { color: #aebbd0; }
.actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
a { color: #dce5f5; padding: 0.75rem 1rem; }
a.primary { background: #5b4df2; color: white; text-decoration: none; }