:root { color-scheme: dark; }
body {
  margin: 0; padding: 2rem 1.25rem 4rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #10141c; color: #e8edf6; line-height: 1.6;
}
main { max-width: 42rem; margin: 0 auto; }
h1 { font-size: 1.5rem; margin: 0 0 .5rem; }
h2 { font-size: 1.1rem; margin-top: 2rem; }
code { background: #1a2130; padding: .1rem .35rem; border-radius: .3rem; font-size: .9em; }
form { margin: 1.5rem 0; padding: 1rem; background: #1a2130; border: 1px solid #26314a;
       border-radius: .7rem; display: grid; gap: .6rem; }
label { font-size: .9rem; color: #9aa7bd; }
input { padding: .5rem .6rem; border-radius: .4rem; border: 1px solid #35426240;
        background: #0d1117; color: inherit; font: inherit; }
button { justify-self: start; padding: .5rem 1rem; border: 0; border-radius: .4rem;
         background: #2f6df6; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
button:hover { background: #3d7bff; }
a { color: #8ab4ff; }