/* ============================================================ client.css — página do zJu4nn Client (/client) Carrega DEPOIS do styles.css. Só o que é genuinamente novo: o styles.css já entrega body, navbar, rodapé, blobs e .btn. REGRAS QUE NÃO PODEM SER QUEBRADAS · `.mc-page` vai no
, NUNCA no (a versão standalone tinha no body; se voltar pra lá, o padding dobra e o z-index briga com a navbar). · Nada de `.mc-page a { color: inherit }` — essa regra empata em especificidade com `.nav-links a` e `.btn-primary`, vence por ordem de cascata e despinta o menu, o rodapé e o CTA inteiro. · Quem manda na largura é o `.mc-wrap` (1120px). O `.mc-page` só cuida de empilhamento; se os dois tiverem max-width, o conteúdo encolhe pra ~908px em telas grandes. ============================================================ */ /* Escala de espaçamento 4/8 — única coisa do :root original que sobrevive, porque o styles.css não tem escala equivalente. */ :root { --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px; } /* ── Fundo em vídeo ──────────────────────────────────────────── z-index -3 põe atrás dos .bg-blob (-2) e da .bg-grid (-1), então os blobs rosa continuam por cima e o fundo entra na identidade da marca. O blur está ASSADO no arquivo (ffmpeg), não em filter: CSS filter num elemento animado re-rasteriza a cada quadro — caro, e mais ainda numa página cujo argumento é FPS. De quebra o arquivo despencou: 2,6 MB de GIF viraram 20 KB de MP4 / 12 KB de WebM, porque sem detalhe fino comprime bem. O escurecimento fica no ::after — é de graça e dá pra ajustar sem re-encodar. */ /* O poster fica como fundo FIXO do container, não só no