body {
  margin:0;
  font-family: 'Segoe UI', sans-serif;
  background: radial-gradient(circle at top,#0b0f1a,#04070f);
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  overflow:hidden;
}

.page {text-align:center; width:90%; max-width:600px; position:relative;}

h1,h2 {margin-bottom:20px; text-shadow:0 0 5px #0ff, 0 0 15px #0ff;}

.neon-text {
  color:#0ff;
  text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff;
}

.banner-container img {width:100%; border-radius:12px; margin-bottom:20px; box-shadow:0 0 20px #0ff;}

.round-btn {
  width:140px; height:140px; border-radius:50%;
  border:none; font-size:18px; font-weight:bold;
  background:linear-gradient(135deg,#00e5ff,#00ffbc);
  box-shadow:0 0 20px #00ffbc,0 0 40px #00e5ff;
  cursor:pointer; transition: transform 0.3s, box-shadow 0.3s;
}
.round-btn:hover {transform:scale(1.1); box-shadow:0 0 30px #00ffbc,0 0 60px #00e5ff;}

.pulse-btn {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {box-shadow:0 0 20px #00ffbc,0 0 40px #00e5ff;}
  50% {box-shadow:0 0 30px #00ffbc,0 0 60px #00e5ff;}
  100% {box-shadow:0 0 20px #00ffbc,0 0 40px #00e5ff;}
}

#resetBtn {width:100px;height:50px;border-radius:25px;margin-top:20px;font-size:16px;
  background:linear-gradient(135deg,#ff4d4d,#ffb84d);box-shadow:0 0 15px #ff4d4d,0 0 30px #ffb84d;}

.banner-animate {opacity:0; animation: fadeSlide 1s forwards;}
@keyframes fadeSlide {from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}

/* Confetti canvas */
#confetti {position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;}

@media(max-width:600px){
  .round-btn {width:120px; height:120px; font-size:16px;}
}