:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101712; color: #edf6ef; }
main { width: min(30rem, calc(100vw - 4rem)); padding: 2rem; border: 1px solid #37583d; border-radius: 1rem; background: #18231b; }
.brand { color: #9dde98; font-weight: 700; }
h1 { font-size: clamp(1.5rem, 5vw, 2rem); }
p { line-height: 1.5; }
a { display: inline-block; padding: .8rem 1.1rem; margin-top: .8rem; border-radius: .5rem; background: #b5e6a7; color: #142011; text-decoration: none; font-weight: 650; }
a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }