body{
  font-family:'Poppins',sans-serif;
  background:#000;
  color:#fff;
  overflow-x:hidden;
}

.glass{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.12);
}

.glow{
  box-shadow:0 0 40px rgba(255,255,255,.12);
}

.star{
  position:absolute;
  border-radius:9999px;
  background:rgba(255,255,255,.9);
  animation:twinkle 3s infinite ease-in-out;
}

@keyframes twinkle{
  0%,100%{
    opacity:.25;
    transform:scale(.9);
  }
  50%{
    opacity:1;
    transform:scale(1.1);
  }
}

.shoot{
  position:absolute;
  width:140px;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.9),
    rgba(255,255,255,0)
  );
  transform:rotate(-35deg);
  animation:shoot 8s linear infinite;
}

@keyframes shoot{
  0%{
    transform:translate(-10vw,-10vh) rotate(-35deg);
    opacity:0;
  }
  10%{
    opacity:1;
  }
  100%{
    transform:translate(120vw,120vh) rotate(-35deg);
    opacity:0;
  }
}

.planet{
  position:absolute;
  right:-120px;
  top:120px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(
    circle at 30% 30%,
    #666,
    #111 55%,
    #000 80%
  );
  box-shadow:0 0 80px rgba(255,255,255,.12);
}

.fade-up{
  animation:fadeUp .9s ease-out both;
}

@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(18px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

html{
  scroll-behavior:smooth;
}

.card-hover{
  transition:.3s;
}

.card-hover:hover{
  transform:translateY(-8px);
  box-shadow:0 0 35px rgba(255,255,255,.15);
}

.btn-glow{
  transition:.3s;
}

.btn-glow:hover{
  transform:scale(1.05);
  box-shadow:0 0 25px rgba(255,255,255,.2);
}