:root { --tinta:#1f2937; --suave:#6b7280; --roxo:#7c3aed; --borda:#e5e7eb; --fundo:#ffffff; }
@media (prefers-color-scheme: dark) {
  :root { --tinta:#e5e7eb; --suave:#9ca3af; --roxo:#a78bfa; --borda:#374151; --fundo:#111827; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--fundo); color:var(--tinta);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height:1.65; }
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 20px 80px; }
header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.logo { width:40px; height:40px; border-radius:10px; background:var(--roxo); color:#fff;
  display:grid; place-items:center; font-weight:700; font-size:20px; }
h1 { font-size:26px; margin:0; }
h2 { font-size:17px; margin:32px 0 8px; }
p, li { color:var(--tinta); }
.sub { color:var(--suave); font-size:14px; margin-top:4px; }
a { color:var(--roxo); }
nav { margin-top:28px; padding-top:16px; border-top:1px solid var(--borda); font-size:14px; }
nav a { margin-right:16px; }
footer { margin-top:40px; padding-top:16px; border-top:1px solid var(--borda); color:var(--suave); font-size:13px; }