:root {
  --vermelho:#b01020; --dourado:#c8a84b; --preto:#0a0a0a; --cinza-escuro:#161616;
  --branco:#f0ece8; --texto-claro:#d8d4d0; --texto-medio:#888;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--preto); color:var(--texto-claro); font-family:'Montserrat',sans-serif; min-height:100vh; display:flex; flex-direction:column; }
a { color:inherit; text-decoration:none; }

header { display:flex; align-items:center; justify-content:space-between; padding:16px 32px; border-bottom:2px solid var(--vermelho); background:var(--cinza-escuro); }
.logo-area { display:flex; align-items:center; gap:12px; }
.logo-area img { height:44px; }
.logo-area h1 { font-family:'Cormorant Garamond',serif; font-size:1.3rem; color:var(--branco); letter-spacing:2px; }
.logo-area p { font-size:0.62rem; color:var(--dourado); text-transform:uppercase; letter-spacing:2px; }
.voltar-site { font-size:0.75rem; color:var(--texto-medio); border:1px solid #2a2a2a; padding:8px 14px; border-radius:6px; transition:all .2s; }
.voltar-site:hover { color:var(--dourado); border-color:var(--dourado); }

main { flex:1; width:100%; max-width:1080px; margin:0 auto; padding:34px 22px 60px; }
.hub-intro h2 { font-family:'Cormorant Garamond',serif; font-size:2.2rem; color:var(--branco); }
.hub-intro p { color:var(--texto-medio); margin:6px 0 28px; font-size:0.9rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; }
.card { background:var(--cinza-escuro); border:1px solid #2a2a2a; border-radius:10px; padding:20px; transition:all .2s; display:block; }
.card:hover { border-color:var(--dourado); transform:translateY(-3px); }
.card-emoji { font-size:1.7rem; margin-bottom:8px; }
.card-nome { font-weight:800; color:var(--branco); font-size:0.95rem; margin-bottom:5px; }
.card-desc { font-size:0.73rem; color:var(--texto-medio); line-height:1.45; }

.trilha { font-size:0.72rem; color:#666; margin-bottom:14px; }
.trilha a { color:var(--dourado); }
.ferramenta h2 { font-family:'Cormorant Garamond',serif; font-size:1.9rem; color:var(--branco); }
.ferramenta .sub { color:var(--texto-medio); font-size:0.85rem; margin:6px 0 24px; }

.painel { background:var(--cinza-escuro); border:1px solid #2a2a2a; border-radius:10px; padding:22px; margin-bottom:18px; }
.painel h3 { font-size:0.72rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--dourado); margin-bottom:14px; }
.linha { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; }
.campo { display:flex; flex-direction:column; gap:5px; flex:1; min-width:150px; }
.campo label { font-size:0.62rem; text-transform:uppercase; letter-spacing:1px; color:var(--dourado); }
.campo input, .campo select { padding:11px 13px; background:#111; border:1.5px solid #2a2a2a; border-radius:6px; color:var(--texto-claro); font-family:'Montserrat',sans-serif; font-size:0.88rem; outline:none; }
.campo input:focus, .campo select:focus { border-color:var(--dourado); }
button.acao { padding:12px 26px; background:var(--vermelho); color:#fff; border:none; border-radius:6px; font-family:'Montserrat',sans-serif; font-weight:800; font-size:0.78rem; letter-spacing:1px; text-transform:uppercase; cursor:pointer; transition:all .2s; white-space:nowrap; }
button.acao:hover { background:#d01228; }
button.acao:disabled { background:#444; cursor:wait; }

.erro { background:rgba(239,83,80,.12); border:1px solid rgba(239,83,80,.4); color:#ef9a9a; padding:12px 16px; border-radius:8px; font-size:0.82rem; margin-top:14px; }
.ok-box { background:rgba(76,175,80,.1); border:1px solid rgba(76,175,80,.35); color:#a5d6a7; padding:12px 16px; border-radius:8px; font-size:0.85rem; margin-top:14px; }
.alerta-box { background:rgba(239,83,80,.15); border:1px solid #ef5350; color:#ef9a9a; padding:14px 16px; border-radius:8px; font-size:0.9rem; font-weight:700; margin-top:14px; }

.kv { display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-bottom:1px solid #1e1e1e; font-size:0.84rem; }
.kv b { color:var(--branco); text-align:right; }
.kv span { color:var(--texto-medio); }
table.tabela { width:100%; border-collapse:collapse; font-size:0.76rem; margin-top:12px; }
table.tabela th { text-align:left; padding:8px; color:var(--dourado); font-size:0.62rem; text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid #2a2a2a; }
table.tabela td { padding:7px 8px; border-bottom:1px solid #1a1a1a; }
.destaque-valor { font-size:1.8rem; font-weight:800; color:var(--dourado); }
.grafico-wrap { position:relative; height:320px; margin-top:14px; }

.aviso-legal { font-size:0.66rem; color:#666; margin-top:22px; line-height:1.6; border-top:1px solid #1a1a1a; padding-top:14px; }
footer { border-top:1px solid #1e1e1e; padding:22px 32px; text-align:center; }
footer p { font-size:0.75rem; color:var(--texto-medio); }
footer .mini { font-size:0.62rem; color:#555; margin-top:6px; max-width:760px; margin-left:auto; margin-right:auto; }
.spin { display:inline-block; width:14px; height:14px; border:2px solid #333; border-top-color:var(--dourado); border-radius:50%; animation:spin .8s linear infinite; vertical-align:middle; margin-right:8px; }
@keyframes spin { to { transform:rotate(360deg); } }
@media (max-width:640px){ header{padding:12px 16px;} main{padding:22px 14px 40px;} }