:root { color-scheme: dark; font-family: system-ui, sans-serif; color: #e8eaee; background: #101216; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 24px; }
main { width: min(100%, 440px); }
.brand { color: #35cd90; font-weight: 650; margin-bottom: 32px; }
h1 { font-size: clamp(26px, 6vw, 34px); line-height: 1.2; margin: 0 0 16px; }
p { line-height: 1.6; color: #a9adb8; }
a { display: inline-block; margin-top: 16px; padding: 12px 18px; border-radius: 8px; background: #35cd90; color: #071b13; font-weight: 600; text-decoration: none; }
a:focus-visible { outline: 2px solid #e8eaee; outline-offset: 4px; }
[hidden] { display: none; }