:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: #131517; color: #f2f3f4; }
main { max-width: 400px; margin: 18vh auto; padding: 24px; }
h1 { font-size: 32px; margin-bottom: 8px; }
h2 { font-size: 18px; font-weight: 500; color: #b7c0c8; margin-bottom: 32px; }
a { display: inline-block; padding: 12px 18px; background: #a4ddc7; color: #10241d; border-radius: 4px; font-weight: 600; text-decoration: none; }
a:hover { background: #c2efdc; }
a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }