:root { color-scheme: light dark; --fundo: #f4f4f2; --tinta: #1a1a18; --tinta2: #5c5c58; --linha: #d6d6d2; --acento: #2f7a4f; }
@media (prefers-color-scheme: dark) { :root { --fundo: #121311; --tinta: #e8e8e4; --tinta2: #9a9a94; --linha: #2c2d2a; --acento: #4fd68f; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--fundo); color: var(--tinta); font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 34rem; padding: 2.5rem 1.5rem; }
.marca { display: flex; align-items: center; gap: .6rem; font-weight: 600; letter-spacing: .02em; color: var(--tinta2); margin: 0 0 1.4rem; }
.ponto { width: .7rem; height: .7rem; border-radius: 50%; background: var(--acento); display: inline-block; }
h1 { font-size: 1.35rem; font-weight: 600; margin: 0 0 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--linha); }
p { margin: 0 0 1rem; }
.en { color: var(--tinta2); font-size: .95rem; padding-top: .8rem; border-top: 1px solid var(--linha); }
a { color: var(--tinta); text-decoration: underline; text-underline-offset: .2em; }
b { font-weight: 600; }