:root { --verde: #1F5C4A; --texto: #1b1b1b; --fundo: #ffffff; --suave: #eef4f1; }
@media (prefers-color-scheme: dark) { :root { --verde: #7cc7a8; --texto: #f2f2f2; --fundo: #121212; --suave: #1e2a26; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 19px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
h1 { color: var(--verde); font-size: 2rem; line-height: 1.2; }
h2 { color: var(--verde); margin-top: 2rem; }
a { color: var(--verde); }
.topo a { font-weight: 600; text-decoration: none; }
.data { opacity: .7; }
.contatos { display: grid; gap: 12px; margin: 24px 0; }
.botao { display: block; padding: 16px; border-radius: 14px; background: var(--verde); color: var(--fundo); text-align: center; font-weight: 700; text-decoration: none; }
.hero { text-align: center; padding: 32px 0; }
.hero img { width: 140px; height: 140px; border-radius: 32px; }
.rodape { margin-top: 48px; opacity: .8; }
section { background: var(--suave); padding: 4px 20px 12px; border-radius: 14px; margin-top: 24px; }