:root {
  --fundo: #ffffff;
  --texto: #1e1b4b;
  --suave: #5b5b7a;
  --marca: #4a3aff;
  --halo: rgba(108, 92, 231, 0.18);
  --ciano: #00d2ff;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --fundo: #0f0c33; --texto: #eef0ff; --suave: #a8aed6; --marca: #99a5ff; --halo: rgba(108, 92, 231, 0.30); }
}
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  background: radial-gradient(60rem 30rem at 50% -10%, var(--halo), transparent), var(--fundo);
  color: var(--texto);
  font-family: "DM Sans", 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;
}
.marca { display: flex; align-items: center; gap: 14px; }
.simbolo { width: 56px; height: 56px; display: block; }
.nome { font-size: 2.5rem; font-weight: 700; letter-spacing: -0.03em; }
h1 {
  margin-top: 16px;
  font-size: clamp(2rem, 6vw, 3.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--marca);
  background: linear-gradient(90deg, var(--marca), var(--ciano));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
p { color: var(--suave); font-size: 1.125rem; }
.contato {
  margin-top: 8px;
  color: var(--texto);
  text-decoration: none;
  border-bottom: 2px solid var(--marca);
  padding-bottom: 2px;
  font-weight: 600;
}
.contato:hover, .contato:focus-visible { color: var(--marca); outline: none; }
footer { text-align: center; color: var(--suave); font-size: 0.875rem; padding: 24px 16px; }
.ackma { font-weight: 600; }