:root { --tinta:#0B0F14; --tinta-2:#151B23; --papel:#F4F4EF; --nevoa:#BCC3CE; --lima:#C6F04D; }
* { box-sizing:border-box; margin:0; }
body { background:var(--tinta); color:var(--papel); font-family:"Archivo","Helvetica Neue",Arial,sans-serif; line-height:1.5; }
.gab { max-width:760px; margin:0 auto; padding:24px 16px 56px; }
nav { font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace; font-size:14px; color:var(--nevoa); margin-bottom:28px; }
a { color:var(--lima); }
h1 { font-weight:800; font-size:clamp(34px,8vw,56px); line-height:1; letter-spacing:-.03em; margin-bottom:18px; }
.abre { font-size:19px; color:var(--nevoa); margin-bottom:32px; }
ol { padding:0; list-style:none; counter-reset:a; display:grid; gap:12px; }
li { counter-increment:a; background:var(--tinta-2); border-radius:14px; padding:20px; }
li h2 { font-size:21px; font-weight:800; line-height:1.2; margin-bottom:6px; }
li h2::before { content:counter(a) ". "; color:var(--lima); }
.onde { font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace; font-size:14px; color:var(--nevoa); margin-bottom:8px; }
.lacre { margin-top:32px; }
.lacre h2 { font-size:24px; margin-bottom:8px; }
code { display:block; overflow-wrap:anywhere; font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace; font-size:14px; background:var(--tinta-2); padding:12px; border-radius:8px; margin:10px 0; }
.aviso { margin-top:24px; font-size:15px; color:var(--nevoa); }
.acoes { margin-top:24px; display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.botao { background:var(--lima); color:var(--tinta); font-weight:800; text-decoration:none; padding:14px 22px; border-radius:12px; }
.rodape { margin-top:28px; font-size:14px; }