:root{--obsidian: #06060a;--panel: #0b0b11;--roxo400: #7c3aed;--roxo600: #6d28d9;--roxo200: #afa9ec;--branco: #fff;--sec: #cdd0d8;--ter: #8b8f9a;--muted: #5b5f6b;--bsub: rgba(255, 255, 255, .07);--bdef: rgba(255, 255, 255, .14);--disp: "Space Grotesk", system-ui, sans-serif;--corpo: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--obsidian);color:var(--branco);font-family:var(--corpo);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--roxo200)}a{color:inherit}.btn{font-size:15px;font-weight:600;border-radius:11px;padding:14px 26px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;transition:.2s;border:1px solid transparent;cursor:pointer}.btn.prim{background:var(--roxo600);color:#fff;box-shadow:0 0 50px #7c3aed66}.btn.prim:hover{background:var(--roxo400);transform:translateY(-1px)}.btn.sec{color:#fff;border-color:var(--bdef);background:transparent}.btn.sec:hover{border-color:var(--roxo400)}.arw{transition:transform .2s;display:inline-block}footer{border-top:1px solid var(--bsub);padding:34px 0}.frow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}footer .logo{height:30px}footer .fl{display:flex;gap:24px}footer a{color:var(--ter);font-size:13px;text-decoration:none}footer a:hover{color:#fff}footer .cp{color:var(--muted);font-size:12px}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal{opacity:0}.reveal.in{animation:up .7s cubic-bezier(.2,.7,.2,1) forwards}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none}}.bhero{position:relative;padding:150px 0 72px;background-image:linear-gradient(90deg,var(--obsidian) 24%,rgba(6,6,10,.72) 52%,rgba(6,6,10,.28) 100%),url(/img/blog_hero.webp);background-size:cover;background-position:center right;background-repeat:no-repeat;border-bottom:1px solid var(--bsub)}.bhero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,10,.55) 0%,transparent 22%,transparent 70%,var(--obsidian) 100%);pointer-events:none}.bhero .wrap{position:relative;z-index:1}.bhero h1{font-family:var(--disp);font-weight:600;letter-spacing:-.025em;line-height:1.04;font-size:clamp(40px,6vw,68px);margin:16px 0 0}.bhero .lead{font-size:clamp(16px,1.8vw,19px);line-height:1.6;color:var(--sec);max-width:54ch;margin:22px 0 0}.plist{padding:8px 0 40px}.post{display:grid;grid-template-columns:148px 1fr;gap:36px;padding:46px 10px 46px 0;border-top:1px solid var(--bsub);text-decoration:none;transition:padding .25s ease,background .25s ease}.post:last-child{border-bottom:1px solid var(--bsub)}.post:hover{padding-left:14px;background:linear-gradient(90deg,rgba(124,58,237,.05),transparent 60%)}.post .side{font-family:var(--mono);padding-top:6px}.post .date{font-size:13px;color:var(--muted);letter-spacing:.02em}.post .cat{font-size:11.5px;color:var(--roxo200);letter-spacing:.08em;text-transform:uppercase;margin-top:10px}.post h3{font-family:var(--disp);font-weight:600;font-size:clamp(22px,3vw,33px);letter-spacing:-.02em;color:#fff;margin:0;transition:color .2s;text-wrap:balance;max-width:24ch}.post:hover h3{color:var(--roxo200)}.post .ex{color:var(--sec);font-size:16px;line-height:1.6;margin-top:14px;max-width:64ch}.post .read{font-size:14px;font-weight:600;color:var(--roxo200);margin-top:18px;display:inline-flex;align-items:center;gap:8px}.post:hover .read .arw{transform:translate(4px)}.post .rt{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px}@media(max-width:680px){.bhero{padding:118px 0 48px;background-image:linear-gradient(180deg,#06060ae0 30%,#06060a8c),url(/img/blog_hero.webp);background-position:center right}.post{grid-template-columns:1fr;gap:14px}.post .side{display:flex;gap:16px;align-items:baseline;padding-top:0}.post .cat{margin-top:0}}.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 72px;padding:40px 0 8px;border-top:1px solid var(--bsub)}.pager a,.pager span{font-family:var(--mono);font-size:14px;color:var(--ter);text-decoration:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--bsub);border-radius:10px;transition:.2s}.pager a:hover{color:#fff;border-color:var(--bdef)}.pager .on{color:#fff;border-color:var(--roxo400);background:#7c3aed1f}.pager .nx{width:auto;padding:0 18px;display:flex;align-items:center;gap:8px;grid-auto-flow:column}