:root { --fundo: #F2F0EC; --texto: #0D0D0D; --suave: #5b5955; --linha: #d9d6d0; --azul: #001D51; }
@media (prefers-color-scheme: dark) { :root { --fundo: #0D0D0D; --texto: #F2F0EC; --suave: #a8a49d; --linha: #2a2927; --azul: #9db4e8; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 17px/1.65 "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 56px 20px 80px; }
.marca { display: flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; color: var(--texto); margin-bottom: 48px; }
.marca img { width: 32px; height: 32px; }
h1 { font-family: "Clash Display", "Satoshi", sans-serif; font-weight: 600; font-size: 2.2rem; line-height: 1.15; margin: 0 0 8px; }
h2 { font-family: "Clash Display", "Satoshi", sans-serif; font-weight: 600; font-size: 1.25rem; margin: 40px 0 10px; }
.data { color: var(--suave); font-size: .9rem; margin: 0 0 32px; }
a { color: var(--azul); }
ul { padding-left: 22px; }
li { margin: 6px 0; }
.lista a { display: block; padding: 18px 0; border-bottom: 1px solid var(--linha); text-decoration: none; font-weight: 600; }
footer { margin-top: 64px; padding-top: 20px; border-top: 1px solid var(--linha); color: var(--suave); font-size: .9rem; }