*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  font-family:'Poppins', sans-serif;
  background:#F1E7E7;
}

/* Header */
header{
  background:#E69DB8;
  padding:20px 0;
  text-align:center;
  border-bottom:5px solid #FFD0C7;
}
header h1{
  font-family:'Fredoka One', cursive;
  font-size:3rem;
  color:#fff;
  text-shadow:2px 2px #FFFECE;
}

/* Hero section */
.hero{
  padding:50px 20px;
  text-align:center;
  background:#FFD0C7;
}
.hero p{
  font-size:1.2rem;
  margin:10px 0 25px;
  color:#8a3b4a;
  font-weight:500;
}
.hero button{
  background:#FFFECE;
  padding:12px 25px;
  font-size:1.1rem;
  border:none;
  border-radius:30px;
  cursor:pointer;
  font-family:'Fredoka One';
  color:#d03e6e;
  transition:0.3s;
}
.hero button:hover{
  background:#E69DB8;
  color:#fff;
}
/* Card image fix */
.card img {
  width: 100%;
  height: 180px;            
  object-fit: cover;        
  border-radius: 15px;
}
.card h3 {
  font-family: 'Fredoka One';
  font-size: 1.4rem;
  background: linear-gradient(90deg, #ff3cac, #784ba0, #2b86c5, #fcb045, #fd1d1d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 15px 0;
}



/* Candy cards */
.candy-container{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:25px;
  padding:50px 20px;
}
.card{
  background:#FFFECE;
  width:260px;
  border-radius:20px;
  text-align:center;
  padding:25px 15px;
  box-shadow:0px 4px 10px rgba(0,0,0,0.1);
  transition:0.3s;
}
.card img{
  width:150px;
  border-radius:15px;
}
.card h3{
  margin:15px 0;
  font-family:'Fredoka One';
  color:#d03e6e;
}
.card:hover{
  transform:translateY(-10px);
  box-shadow:0px 6px 18px rgba(0,0,0,0.15);
}

/* Footer */
footer{
  background:#E69DB8;
  text-align:center;
  padding:20px;
  color:#fff;
  border-top:5px solid #FFD0C7;
  margin-top:40px;
  font-size:1rem;
}

/* Cute candy raining effect */
.candy{
  position:fixed;
  top:-50px;
  font-size:25px;
  animation:drop 4s linear infinite;
}
@keyframes drop{
  0%{transform:translateY(-50px);}
  100%{transform:translateY(110vh);}
}