:root{--roxo:#403db9;--verde:#00cc7a;--verde2:#00b86c;--fundo:#F6F4FF;--texto:#222;--cinza:#666}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;color:var(--texto);line-height:1.6;background:#fff}
a{color:var(--roxo)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
/* topo */
.topo{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.topo-in{display:flex;align-items:center;gap:20px;min-height:62px}
.logo{font-family:"Reddit Sans Condensed",Arial,sans-serif;font-size:1.5rem;font-weight:900;color:#111;text-decoration:none;letter-spacing:-.5px}
.logo span{color:var(--roxo)}
@media(max-width:600px){.logo{font-size:1.25rem}.topo-in{padding:10px 16px}}
/* conteúdo de texto */
.conteudo{padding:48px 20px 64px;max-width:820px}
.conteudo h1{font-family:"Reddit Sans Condensed",Arial,sans-serif;font-size:2.4rem;line-height:1.1;margin:0 0 8px}
.conteudo h2{font-size:1.25rem;margin:36px 0 10px}
.conteudo p,.conteudo li{color:#333}
.atualizado{color:var(--cinza);font-size:.9rem;margin-bottom:28px}
.caixa{background:var(--fundo);border-radius:14px;padding:22px 24px;margin:20px 0}
@media(max-width:600px){.conteudo h1{font-size:2rem}}
/* rodapé */
.rodape{background:#111;color:#aaa;padding:40px 0 30px;font-size:.85rem;text-align:center}
.rodape a{color:#fff;text-decoration:none;opacity:.8}
.rodape a:hover{opacity:1}
.rodape-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:22px}
.rodape p{margin:0 0 12px}
.rodape .aviso{font-size:.75rem;color:#888;max-width:760px;margin:0 auto 10px}