.cosmic-stage {
  position: relative;
  min-height: 60vh;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 70% 20%, rgba(240,143,0,0.08), transparent 55%),
    linear-gradient(180deg, #0b0e1a 0%, #05060c 100%);
}

.cosmic-field {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.star {
  position: absolute;
  border-radius: 50%;
  background: #fff;
  animation: cosmic-twinkle ease-in-out infinite;
}
@keyframes cosmic-twinkle {
  0%, 100% { opacity: 0.3; transform: scale(0.8); }
  50%      { opacity: 1;   transform: scale(1.3); }
}

.shooting-star {
  position: absolute;
  height: 2px;
  width: 130px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent);
  border-radius: 999px;
  filter: drop-shadow(0 0 8px rgba(240,143,0,0.6));
  opacity: 0;
  animation: cosmic-shoot linear infinite;
}
@keyframes cosmic-shoot {
  0%, 68%  { opacity: 0; transform: rotate(-22deg) translate3d(0,0,0); }
  71%      { opacity: 1; }
  80%      { opacity: 0; transform: rotate(-22deg) translate3d(-360px,150px,0); }
  100%     { opacity: 0; transform: rotate(-22deg) translate3d(-360px,150px,0); }
}

.cosmic-content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 3rem 1.5rem;
  text-align: center;
}
.cosmic-content p {
  max-width: 26em;
  margin: 0;
  color: rgba(255,255,255,0.75);
  font-size: 0.92rem;
  line-height: 1.9;
}