*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui;background:#ff9ae6;overflow:hidden}
.candy-bg{
  position:fixed;inset:0;
  background:radial-gradient(circle,#ffccf9,#ff79d1,#ff49bb,#ff2c9c);
  filter:saturate(1.5) brightness(1.2);
  animation:bgMove 6s infinite alternate ease-in-out;
}
@keyframes bgMove{
  0%{transform:scale(1)}
  100%{transform:scale(1.15)}
}
.wrap{
  position:relative;z-index:2;text-align:center;
  color:white;text-shadow:0 0 20px white;
  padding-top:40px;
}
.logo{font-size:32px;font-weight:900;margin-bottom:20px}
.candy-btn{
  display:inline-block;margin-top:6px;
  padding:10px 20px;border-radius:12px;
  background:linear-gradient(45deg,#fff7ad,#ffb3f4);
  color:#d100ff;font-weight:700;font-size:18px;
  text-decoration:none;box-shadow:0 0 20px rgba(255,255,255,0.8);
}
.counter{font-size:42px;margin:20px 0;text-shadow:0 0 25px #fff}
.candy{
  width:260px;height:260px;margin:0 auto;
  background:radial-gradient(circle at 50% 50%,#ffffff,#ffd2f7,#ffa3e9,#ff7ada);
  border-radius:50%;box-shadow:0 0 60px rgba(255,255,255,0.9);
  animation:float 2s infinite ease-in-out;
  cursor:pointer;
}
@keyframes float{
  0%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
  100%{transform:translateY(0)}
}
footer{margin-top:40px;opacity:0.7;font-size:14px}