:root {
  --fundo: #ffffff;
  --texto: #000000;
  --suave: #5c5c5c;
  --vermelho: #eb001b;
  --vermelho-escuro: #c40017;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --fundo: #0a0a0a; --texto: #ffffff; --suave: #a3a3a3; --vermelho-escuro: #ff4d5e; }
}
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  background: var(--fundo);
  color: var(--texto);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 16px;
  gap: 20px;
}
.logo { width: min(360px, 80vw); height: auto; display: block; }
.marca {
  width: 0; height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 16px solid var(--vermelho);
  margin-top: 16px;
}
h1 {
  font-size: clamp(2rem, 6vw, 3.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}
p { color: var(--suave); font-size: 1.125rem; }
.contato {
  margin-top: 8px;
  color: var(--texto);
  text-decoration: none;
  border-bottom: 2px solid var(--vermelho);
  padding-bottom: 2px;
  font-weight: 600;
}
.contato:hover, .contato:focus-visible { color: var(--vermelho-escuro); outline: none; }
footer { text-align: center; color: var(--suave); font-size: 0.875rem; padding: 24px 16px; }