:root { color-scheme: light; font-family: system-ui, sans-serif; color: #202020; background: #fafafa; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 46rem; margin: 0 auto; padding: clamp(1.25rem, 5vw, 3rem); }
h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); line-height: 1.15; margin: 0 0 1.5rem; text-wrap: balance; }
h2 { font-size: 1.25rem; margin: 2.5rem 0 .75rem; }
p { line-height: 1.65; margin: 0 0 1.25rem; overflow-wrap: anywhere; }
button { font: inherit; font-weight: 600; padding: .875rem 1.125rem; min-height: 48px; color: white; background: #242424; border: 0; border-radius: .375rem; cursor: pointer; margin-top: .5rem; max-width: 100%; }
button:hover { background: #454545; }
button:focus-visible { outline: 3px solid #202020; outline-offset: 4px; }
button:disabled { cursor: wait; background: #585858; }
.nota { margin-top: 2rem; color: #505050; font-size: .95rem; }
::selection { background: #202020; color: white; }