:root { color-scheme: dark; }
html { background: #1b2230; }
body {
  margin: 0; color: #e8ecf1; line-height: 1.55;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main, footer { max-width: 720px; margin: 0 auto; padding: 0 24px; }
main { padding-top: 48px; }
a { color: #8ab4f8; }
.brand { font-weight: 700; letter-spacing: 0.04em; color: #9aa7b8; margin: 0 0 8px; }
.brand a { color: inherit; text-decoration: none; }
h1 { font-size: 40px; line-height: 1.15; margin: 0 0 32px; }
h2 { font-size: 22px; margin: 32px 0 8px; }
.product { background: #232b3a; border-radius: 20px; padding: 8px 28px 20px; }
.lead { font-size: 20px; margin-top: 0; }
.status { color: #e3b341; font-weight: 600; }
.incar { margin: -8px 0 36px; }
.button {
  display: inline-block; background: #7b4bff; color: #fff; text-decoration: none;
  font-size: 20px; font-weight: 700; padding: 16px 32px; border-radius: 16px;
}
.button:hover, .button:focus { background: #6a3cf0; }
.hint { color: #9aa7b8; margin: 10px 0 0; font-size: 15px; }
.muted { color: #9aa7b8; margin-top: -20px; }
dt { font-weight: 600; margin-top: 14px; }
dd { margin: 4px 0 0; color: #c9d1db; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
footer { color: #8a96a8; font-size: 14px; padding-top: 32px; padding-bottom: 48px; border-top: 1px solid #2f3949; margin-top: 48px; }