:root {
  --roxo: #6b2c84;
  --laranja: #ec6429;
  --fundo: #000;
  --texto: #d1d5db;
  --titulo: #fff;
  --borda: rgba(107, 44, 132, .35);
  --gradiente: linear-gradient(to right, #6b2c84, #98356b, #ba3e53, #d84b3d, #ec6429);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 17px/1.7 "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color: var(--laranja); }
a:hover { color: #fff; }
.topo { position: sticky; top: 0; background: rgba(0,0,0,.85); backdrop-filter: blur(8px); border-bottom: 1px solid var(--borda); z-index: 10; }
.topo .wrap { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.marca { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.marca img { width: 32px; height: 32px; }
.marca span { font-weight: 700; font-size: 1.3rem; background: var(--gradiente); -webkit-background-clip: text; background-clip: text; color: transparent; }
.topo nav a { color: #fff; text-decoration: none; margin-left: 20px; font-weight: 500; }
.topo nav a:hover { color: var(--laranja); }
.wrap { max-width: 820px; margin: 0 auto; padding: 0 20px; }
main { padding: 48px 0 72px; }
h1, h2, h3 { color: var(--titulo); line-height: 1.25; }
h1 { font-size: clamp(1.9rem, 5vw, 2.6rem); margin: 0 0 8px; }
h2 { font-size: 1.35rem; margin-top: 40px; padding-top: 8px; border-top: 1px solid var(--borda); }
h3 { font-size: 1.1rem; margin-top: 24px; }
.atualizado { color: #9ca3af; }
.resumo { background: rgba(107,44,132,.15); border-left: 4px solid var(--laranja); padding: 16px 20px; border-radius: 0 12px 12px 0; }
.tabela { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: .95rem; }
th, td { text-align: left; padding: 10px; border-bottom: 1px solid var(--borda); vertical-align: top; }
th { color: var(--titulo); }
.rodape { border-top: 1px solid var(--borda); padding: 32px 0; font-size: .92rem; color: #9ca3af; }
.rodape .wrap { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.rodape strong { color: #fff; }
.rodape ul { list-style: none; margin: 0; padding: 0; }
.rodape li { margin-bottom: 4px; }
@media (max-width: 560px) { .topo nav a.opcional { display: none; } }