@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Orbitron',sans-serif;
  background:radial-gradient(circle at top,#0a0015 0%,#000 100%);
  color:#fff;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}

/* CONTAINER */
.welcome-container{
  max-width:600px;
  padding:40px;
  background:rgba(183,100,255,0.06);
  border:1px solid rgba(183,100,255,0.25);
  border-radius:20px;
  box-shadow:0 0 40px rgba(183,100,255,0.25);
  animation: fadeIn 1.5s ease forwards;
}

/* LOGO */
.welcome-logo{
  width:130px;
  margin-bottom:20px;
  filter:
    drop-shadow(0 0 10px #b366ff)
    drop-shadow(0 0 30px rgba(183,100,255,0.8));
  animation: logoPulse 3s infinite ease-in-out;
}

/* BRAND */
.brand-title{
  font-size:32px;
  margin-bottom:10px;
}
.brand-x{
  color:#ff3b3b;
  text-shadow:0 0 10px #ff3b3b;
}
.brand-cheats{
  color:#b366ff;
  text-shadow:0 0 15px #b366ff;
}

/* TAGLINE */
.tagline{
  font-size:14px;
  opacity:0.85;
  margin-bottom:25px;
}

/* FEATURES */
.features{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  font-size:13px;
  margin-bottom:25px;
}

/* STATUS */
.status-box{
  font-size:13px;
  opacity:0.9;
  margin-bottom:30px;
  line-height:1.6;
}
.online{
  color:#00ff9c;
}
.safe{
  color:#00ff9c;
}

/* BUTTON */
.enter-btn{
  padding:16px 40px;
  border:none;
  border-radius:12px;
  background:linear-gradient(90deg,#b366ff,#7f00ff);
  color:#fff;
  font-weight:bold;
  letter-spacing:1px;
  cursor:pointer;
  transition:0.25s ease;
}
.enter-btn:hover{
  box-shadow:0 0 30px #b366ff;
  transform:translateY(-2px);
}

/* ANIMATIONS */
@keyframes fadeIn{
  from{opacity:0;transform:translateY(20px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes logoPulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.05);}
  100%{transform:scale(1);}
}