@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap");
:root { --fundo: #f5f7fb; --cartao: #fff; --texto: #101e34; --sutil: #6d7b91; --linha: #e3e9f2; --primaria: #2f62f6; --menu: #0b1930; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --fundo: #0b1220; --cartao: #121b2b; --texto: #e6ecf5; --sutil: #96a3b9; --linha: #243149; --primaria: #6b91ff; color-scheme: dark; } .dica { background: #1b2a4b !important; } th { background: #0f1828 !important; } }
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.65 "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: var(--fundo); color: var(--texto); }
header { background: linear-gradient(125deg, #08162b, #0d203b); padding: 16px 24px; position: sticky; top: 0; z-index: 5; }
header a { color: #fff; text-decoration: none; font: 800 20px Manrope, sans-serif; letter-spacing: -.04em; } header b { color: #6f94ff; }
main { max-width: 820px; margin: 0 auto; padding: 32px 18px 70px; }
h1, h2, h3 { font-family: Manrope, "DM Sans", sans-serif; letter-spacing: -.03em; }
h1 { font-size: 32px; font-weight: 800; margin: 8px 0 6px; } h2 { font-size: 21px; margin: 36px 0 10px; } h3 { font-size: 16px; margin: 20px 0 6px; }
a { color: var(--primaria); }
.sutil { color: var(--sutil); }
.passo { background: var(--cartao); border: 1px solid var(--linha); border-radius: 14px; padding: 18px 22px; margin: 14px 0; box-shadow: 0 10px 32px rgba(19, 42, 75, .05); }
.passo h3 { margin-top: 0; }
.dica { border-left: 4px solid var(--primaria); background: #eef3ff; padding: 12px 16px; border-radius: 0 10px 10px 0; margin: 14px 0; }
.indice { background: var(--cartao); border: 1px solid var(--linha); border-radius: 14px; padding: 14px 22px; }
.indice ol { margin: 6px 0; padding-left: 20px; }
table { border-collapse: collapse; width: 100%; background: var(--cartao); border-radius: 10px; overflow: hidden; } td, th { border: 1px solid var(--linha); padding: 8px 12px; text-align: left; vertical-align: top; }
th { background: #fbfcfe; font-size: 13px; }
code, kbd { background: var(--cartao); border: 1px solid var(--linha); border-radius: 5px; padding: 0 5px; font-size: 13px; }