:root { --fundo: #0b0f1a; --texto: #e8ecf4; --suave: #a9b4c8; --destaque: #ffd54a; --link: #9cc3ff; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 16px 64px; }
h1 { color: var(--destaque); font-size: 2.2rem; margin: 0.2em 0; }
h2 { font-size: 1.2rem; margin-top: 2em; }
a { color: var(--link); }
.lead { font-size: 1.2rem; color: var(--suave); }
.data { color: var(--suave); }
.logo { border-radius: 50%; }
nav { display: flex; gap: 24px; margin-top: 32px; flex-wrap: wrap; }
footer { margin-top: 40px; color: var(--suave); }
.yt { margin-top: 32px; padding: 14px 16px; border: 1px solid #ff0033; border-radius: 10px; }
.yt-icone { display: inline-block; width: 28px; height: 20px; background: #ff0033; border-radius: 6px; position: relative; vertical-align: -4px; margin-right: 6px; }
.yt-icone::after { content: ""; position: absolute; left: 11px; top: 5px; border-left: 9px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }