:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: #000; color: #fff;
       font: 16px/1.5 "Segoe UI", system-ui, -apple-system, sans-serif; }
main { flex: 1; width: 100%; max-width: 560px; margin: 0 auto; padding: 56px 16px 24px; text-align: center; }
.logo { border-radius: 20px; }
h1 { font-size: 40px; margin: 16px 0 0; letter-spacing: .5px; }
.tag { color: #a6a6a6; margin: 4px 0 32px; }
.btn { display: inline-block; background: #fff; color: #000; font-weight: 700; font-size: 18px; text-decoration: none;
       padding: 14px 32px; border-radius: 10px; }
.btn:hover, .btn:focus-visible { background: #d9d9d9; }
.small { color: #8c8c8c; font-size: 14px; }
section { text-align: left; margin-top: 40px; padding: 20px 24px; border: 1px solid #262626; border-radius: 12px; background: #0d0d0d; }
h2 { font-size: 20px; margin: 0 0 8px; }
ol { padding-left: 20px; margin: 0 0 12px; }
li { margin: 6px 0; }
footer { text-align: center; padding: 16px; font-size: 14px; }
footer a { color: #a6a6a6; }