/* ===== Ajustes para telas ultra-wide =====
   Em monitores muito largos o brilho de fundo do .landing ficava centrado em
   70% da largura, deixando uma faixa escura "morta" na direita — dava a
   impressao de que a pagina "terminava antes". Aqui o brilho e recentralizado
   (simetrico) e os orbs deixam de grudar na borda. Telas normais nao mudam. */

@media (min-width: 1600px) {
  .landing {
    background:
      radial-gradient(ellipse 80% 72% at 50% 30%,
        #062a79 0%, #04163e 38%, #020a1d 68%, #020617 100%);
    background-color: #020617;
  }
  /* orbs acompanham o conteudo central em vez de ficarem presos a borda */
  .blue-orb.orb-a { left: calc(50% - 260px); }
  .blue-orb.orb-b { right: auto; left: calc(50% + 300px); }
}

@media (min-width: 2100px) {
  .landing {
    background:
      radial-gradient(ellipse 64% 70% at 50% 28%,
        #062a79 0%, #04163e 40%, #020a1d 70%, #020617 100%);
    background-color: #020617;
  }
}