*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #141210;--bg2: #1c1917;--bg3: #232018;--border: rgba(226,218,200,.1);--border-strong: rgba(226,218,200,.18);--text: #faf9f6;--muted: #868584;--muted2: #555250;--green: #4ade80;--purple: #a78bfa;--blue: #60a5fa;--red: #f87171;--accent: #4f7ef7;--dev: "Matheus Edson";--role: "Growth Engineer";--contact: "linharesmatheus29@gmail.com";--codigo-da-cacada: "TOKEN";--licao-css: "21/21: selecione html em Elements, va em Computed, filtre por --. CSS custom properties alimentam o design system inteiro. Mude --bg aqui e todo o site muda. Growth: CSS counter() numera steps sem JS, container queries substituem breakpoints fixos. codigo da cacada (cole em /stats): TOKEN."}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:#ebebeb26}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:2px}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff!important;color:#111!important;font-size:11pt}.no-print{display:none!important}header,nav{display:none!important}@page{margin:18mm 16mm;size:A4}h1{font-size:20pt!important;color:#111!important}h2{font-size:9pt!important;color:#666!important}p,li,span,div{color:inherit!important}[style*=background]{background:transparent!important}[style*=border]{border-color:#ddd!important}[style*="color: var(--muted)"]{color:#555!important}[style*="color: var(--text)"]{color:#111!important}a{color:#111!important;text-decoration:none!important}section,main{max-width:100%!important;padding:0!important}}