:root{
  --ink:#0B0F0D; --ink-2:#131A17; --line:#243029;
  --neon:#8BFF6A; --neon-dim:#5FCE45; --roxo:#7B4BC9; --roxo-soft:#A47BE0;
  --texto:#DCE5DF; --muted:#8A9A90;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--ink);color:var(--texto);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:680px;margin:0 auto;padding:0 22px}

.topo{
  border-bottom:1px solid var(--line);padding:22px 0;
  background:var(--ink-2);
}
.marca{
  font-family:'Fraunces',Georgia,serif;font-size:13px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--neon);font-weight:600;text-decoration:none;
}
.marca span{color:var(--roxo-soft)}

main{padding:54px 0 70px}
h1{
  font-family:'Fraunces',Georgia,serif;font-weight:700;
  font-size:clamp(28px,7vw,40px);line-height:1.12;letter-spacing:-.02em;
  color:#fff;margin-bottom:10px;
}
.atualizado{color:var(--muted);font-size:13.5px;margin-bottom:38px}
h2{
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:21px;
  color:#fff;margin:38px 0 12px;letter-spacing:-.01em;
}
h2:first-of-type{margin-top:0}
p{margin-bottom:15px;color:var(--texto)}
ul,ol{margin:0 0 15px 20px}
li{margin-bottom:9px;color:var(--texto)}
strong{color:#fff;font-weight:600}
a{color:var(--neon);text-decoration:none;border-bottom:1px solid rgba(139,255,106,.35)}
a:hover{border-color:var(--neon)}
a:focus-visible{outline:2px solid var(--roxo-soft);outline-offset:2px;border-radius:3px}

.caixa{
  background:var(--ink-2);border-left:3px solid var(--neon);
  border-radius:0 12px 12px 0;padding:20px;margin:24px 0;
}
.caixa.roxa{border-left-color:var(--roxo)}
.caixa p:last-child{margin-bottom:0}

.dados{
  background:var(--ink-2);border:1px solid var(--line);
  border-radius:12px;padding:20px;font-size:15px;line-height:1.8;
}

.voltar{
  display:inline-block;margin-top:44px;padding:14px 24px;
  background:var(--neon);color:var(--ink);border-radius:12px;
  font-weight:700;font-size:15px;border:none;
}
.voltar:hover{border:none}

footer{
  border-top:1px solid var(--line);padding:32px 0;
  color:var(--muted);font-size:13px;
}
footer a{color:var(--texto);border-bottom-color:var(--line)}
.foot-links{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:18px}

@media(prefers-reduced-motion:reduce){*{transition:none!important}}