@font-face { font-family: 'Barlow Condensed'; font-weight: 800; src: url('assets/fonts/BarlowCondensed-ExtraBold.ttf'); font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('assets/fonts/Manrope.ttf'); font-display: swap; }
:root { --fundo: #0d1620; --texto: #eef2ea; --suave: #9fb2b8; --fogo: #ffb703; --brasa: #fb8500; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 16px/1.6 'Manrope', system-ui, sans-serif; }
main { max-width: 700px; margin: 0 auto; padding: 28px 16px 60px; }
h1, h2 { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .3px; }
h1 { font-size: 36px; margin: 0 0 4px; }
h2 { font-size: 22px; margin: 26px 0 6px; color: var(--fogo); }
a { color: var(--fogo); }
small { color: var(--suave); }
code { background: #1b2733; padding: 1px 6px; border-radius: 6px; }
.voltar { display: inline-block; margin-top: 24px; padding: 10px 16px; border-radius: 12px; background: var(--brasa); color: #1d1206; text-decoration: none; font-weight: 800; }