/* ============ FUNDO CÓSMICO COMPARTILHADO — nebulosa + estrelas, sem imagem ============ */
.cosmos{
  position:fixed;inset:0;z-index:-3;
  background:
    radial-gradient(60% 45% at 84% 78%, rgba(84,96,190,.30), transparent 70%),
    radial-gradient(45% 40% at 70% 62%, rgba(122,86,196,.24), transparent 70%),
    radial-gradient(55% 45% at 12% 18%, rgba(60,72,150,.20), transparent 70%),
    radial-gradient(80% 60% at 50% 100%, rgba(30,34,70,.35), transparent 70%),
    radial-gradient(circle at 50% 42%, #14152c 0%, #0b0c1a 55%, #050509 100%);
}
.cosmos__nuvem{
  position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(38% 30% at 78% 74%, rgba(140,150,230,.18), transparent 72%),
    radial-gradient(30% 24% at 60% 55%, rgba(150,120,220,.14), transparent 72%);
  filter:blur(40px);
}
.estrelas{
  position:fixed;inset:0;z-index:-1;opacity:.7;
  background-image:
    radial-gradient(1.4px 1.4px at 8% 12%,#fff,transparent),
    radial-gradient(1px 1px at 18% 44%,#fff,transparent),
    radial-gradient(1.2px 1.2px at 27% 8%,#fff,transparent),
    radial-gradient(1px 1px at 33% 62%,#fff,transparent),
    radial-gradient(1.6px 1.6px at 42% 28%,#fff,transparent),
    radial-gradient(1px 1px at 50% 76%,#fff,transparent),
    radial-gradient(1.2px 1.2px at 58% 14%,#fff,transparent),
    radial-gradient(1px 1px at 64% 48%,#fff,transparent),
    radial-gradient(1.5px 1.5px at 72% 33%,#fff,transparent),
    radial-gradient(1px 1px at 80% 66%,#fff,transparent),
    radial-gradient(1.3px 1.3px at 88% 20%,#fff,transparent),
    radial-gradient(1px 1px at 95% 55%,#fff,transparent),
    radial-gradient(1px 1px at 15% 85%,#fff,transparent),
    radial-gradient(1.2px 1.2px at 46% 90%,#fff,transparent),
    radial-gradient(1px 1px at 84% 92%,#fff,transparent);
  background-repeat:repeat;background-size:auto;
  animation:brilho 6s ease-in-out infinite alternate;
}
@keyframes brilho{from{opacity:.45}to{opacity:.85}}

/* ============ PÁGINA "EM CONSTRUÇÃO" — placeholder padrão para páginas ainda não construídas ============ */
.em-construcao{
  min-height:80vh;
  display:flex;align-items:center;justify-content:center;
  text-align:center;padding:40px 24px;
}
.em-construcao h1{
  font-family:'Montserrat',sans-serif;
  font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  font-size:clamp(1.6rem,4vw,2.6rem);
  color:#e7cd7f;
  text-shadow:0 0 30px rgba(201,168,76,.35);
  animation:piscar 8s ease-in-out infinite;
}
@keyframes piscar{
  0%{opacity:1}
  55%{opacity:1}
  68%{opacity:0}
  85%{opacity:0}
  100%{opacity:1}
}