:root { color-scheme: dark; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; background: #050505; color: #f7f7f5; font: 16px/1.6 "Segoe UI", Arial, sans-serif; }
main { margin: 1.25rem; max-width: 32rem; padding: 1.5rem; border-top: 3px solid #f0182f; }
h1 { margin: 0 0 1rem; font-style: italic; font-size: 2rem; }
h2 { font-size: 1.2rem; }
p { color: #a4a4a1; }
button, a { font: inherit; }
button { padding: .65rem 1rem; border: 1px solid #646464; border-radius: .5rem; background: #171717; color: #f7f7f5; cursor: pointer; }
button:hover { background: #242424; }
a { color: #f7f7f5; }
button:focus-visible, a:focus-visible { outline: 2px solid #f0182f; outline-offset: 4px; }
section { margin: 1.5rem 0; padding: 1rem 0; border-block: 1px solid #303030; }
section button { border-color: #f0182f; background: #bc0921; }
section button:hover { background: #db0d29; }