/* ===== Paleta ===== */
:root{
  --bg-1: #0a2540;   /* azul bem escuro */
  --bg-2: #0b0b0b;   /* cinza quase preto */
  --fg:   #e6e6e6;   /* texto primário */
  --fg-dim:#b8b8b8;  /* texto secundário */
}

/* ===== Reset básico ===== */
* { box-sizing: border-box; }
html, body {
  height: 100%;
  margin: 0;
}
body {
  background: linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 100%);
  color: var(--fg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ===== Layout ===== */
.page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem;
}

.hero {
  max-width: 960px;
  width: 100%;
  text-align: center;
}

/* ===== Logo ===== */
.logo {
  display: block;
  margin: 0 auto 1.25rem auto;
  width: min(600px, 90vw);
  height: auto;
  object-fit: contain;
  /* Caso queira borda/espelho, descomente:
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.35));
  */
}

/* ===== Tipografia ===== */
.title {
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  margin: .25rem 0 .25rem;
  letter-spacing: 0.3px;
  font-weight: 700;
}

.subtitle {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  margin: 0;
  color: var(--fg-dim);
}