/* Estilo compartilhado dos slides. Identidade do Hub Extremo em fundo escuro. */
html { scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }
:root { --bg: #0A0A0A; --surface: #171717; --ink: #FAFAFA; --dim: #B2B2B2; --line: #262626; --accent: #34d399; --accent-ink: #062b1c; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body { overflow: hidden; background: var(--bg); color: var(--ink); font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; display: grid; place-items: center; padding: 4vh 5vw; }
main { width: min(1300px, 100%); }
h1 { font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.05; margin: 0 0 .4em; }
h1 em { font-style: normal; color: var(--accent); }
.sub { color: var(--dim); font-size: clamp(1rem, 1.7vw, 1.35rem); margin: 0 0 4vh; max-width: 70ch; line-height: 1.4; }
.sub b { color: var(--accent); font-weight: 600; }
h2 { font-size: clamp(1rem, 1.6vw, 1.3rem); font-weight: 600; color: var(--dim); margin: 0 0 12px; }
.mono { font-family: "Geist Mono", ui-monospace, monospace; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 2.2vh 1.6vw; }
.card b.t { display: block; font-size: clamp(1.1rem, 1.9vw, 1.6rem); margin-bottom: 6px; }
.card small { display: block; color: var(--accent); font-family: "Geist Mono", monospace; font-size: clamp(.75rem, 1.05vw, .95rem); margin-bottom: 8px; }
.card p { margin: 0; color: var(--dim); font-size: clamp(.9rem, 1.3vw, 1.1rem); line-height: 1.4; }
.seta { color: var(--accent); font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1; display: grid; place-items: center; }
.regra { margin-top: 4vh; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.regra div { border-top: 2px solid var(--accent); padding-top: 12px; }
.regra b { display: block; font-size: clamp(1rem, 1.6vw, 1.3rem); margin-bottom: 4px; }
.regra p { margin: 0; color: var(--dim); font-size: clamp(.9rem, 1.3vw, 1.1rem); line-height: 1.35; }
.pill { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: var(--accent-ink); font-weight: 700; padding: 6px 14px; border-radius: 9999px; font-size: clamp(.9rem, 1.4vw, 1.15rem); }