*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111009;--bg2: #18160e;--bg3: #201e15;--border: #2c291f;--border-strong: #3d3a2d;--text: #f2eddf;--muted: #9c9282;--muted2: #545042;--green: #4ade80;--purple: #a78bfa;--blue: #60a5fa;--red: #f87171;--amber: #f59e0b;--accent: #f2eddf;--header-bg: rgba(17,16,9,.92);--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."}:root[data-theme=light]{--bg: #faf7f0;--bg2: #f2ede2;--bg3: #e8e2d6;--border: #d8d1c4;--border-strong: #c4bcaf;--text: #1a1508;--muted: #706858;--muted2: #a89c8c;--accent: #1a1508;--amber: #b45309;--header-bg: rgba(250,247,240,.92)}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}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}::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}}