:root{--laranja:#F0452F;--claro:#FF7A59;--amarelo:#FFD23F;--texto:#222;--fundo:#fff}
@media (prefers-color-scheme:dark){:root{--texto:#eee;--fundo:#17120f}}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--texto);background:var(--fundo);line-height:1.65}
header{background:linear-gradient(135deg,var(--claro),var(--laranja));color:#fff;padding:28px 16px}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header .wrap{display:flex;align-items:center;gap:16px}
header img{width:64px;height:64px;border-radius:16px}
header a{color:#fff;text-decoration:none;font-weight:700;font-size:1.4rem}
nav{margin-top:6px}nav a{font-size:.95rem;font-weight:500;margin-right:16px;text-decoration:underline}
main{padding:32px 16px 56px}
h1{margin-top:0}h2{margin-top:32px;color:var(--laranja)}
footer{border-top:1px solid #8884;padding:20px 16px;font-size:.9rem;opacity:.8}