/* RESET */
body {
  margin: 0;
  font-family: Inter, sans-serif;
  overflow-x: hidden;
}

/* BACKGROUND */
body {
  background: radial-gradient(circle at top, #0b1026, #000);
  color: white;
}

/* STARS */
@keyframes twinkle {
  0%,100% { opacity:0.85; }
  50% { opacity:0.35; }
}

.stars {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 20px 30px, #fff, transparent),
    radial-gradient(1px 1px at 90px 70px, #fff, transparent),
    radial-gradient(2px 2px at 160px 120px, #fff, transparent);
  background-size: 300px 200px;
  animation: twinkle 5s infinite;
  z-index: 0;
}

/* UFO FLOAT */
@keyframes floatObject {
  0%,100% { transform: translateY(0px) rotate(-2deg);}
  25% { transform: translate(-10px,-12px) rotate(1deg);}
  50% { transform: translate(8px,-6px) rotate(2deg);}
  75% { transform: translate(-6px,8px) rotate(-1deg);}
}

.float-object {
  animation: floatObject 7s ease-in-out infinite;
}

/* BUTTON */
.btn {
  padding: 14px 28px;
  background: #22d3ee;
  color: black;
  border-radius: 999px;
  font-weight: bold;
  text-decoration: none;
}

/* SECTION */
.section {
  padding: 120px 20px;
  text-align: center;
}

/* GLOW */
.glow {
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(0,255,255,0.2);
  filter: blur(80px);
  border-radius: 50%;
}

/* FOOTER */
footer {
  text-align: center;
  padding: 40px;
  font-size: 12px;
  color: #aaa;
}