body{
  margin:0;
  font-family:Poppins, sans-serif;
  background:linear-gradient(135deg,#ffdde1,#ee9ca7);
  text-align:center;
  color:#7f1d1d;
  overflow:hidden;
}

.container, .love-container{
  margin:40px auto;
  background:white;
  padding:30px;
  border-radius:20px;
  max-width:600px;
  box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

input, select, textarea, button{
  width:100%;
  padding:10px;
  margin:10px 0;
  border-radius:10px;
}

button{
  background:#e11d48;
  color:white;
  border:none;
  cursor:pointer;
}

.photos img{
  width:120px;
  height:120px;
  border-radius:50%;
  margin:10px;
  object-fit:cover;
}

/* 📱 MOBILE OPTIMIZATION */
@media (max-width: 600px){

  .card{
    margin:20px 10px;
    padding:20px 15px;
    border-radius:20px;
  }

  .greeting{
    font-size:16px;
    border-right:2px solid #9f1239;
  }

  h1{
    font-size:30px;
    line-height:1.2;
  }

  .message{
    font-size:15px;
    padding:0 5px;
  }

  .photos{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
  }

  .photos img{
    width:110px;
    height:110px;
    margin:5px;
  }

  .footer{
    font-size:22px;
  }

  button{
    width:100%;
    font-size:15px;
    padding:14px;
  }

  /* Reduce floating emojis on mobile */
  .heart{
    font-size:16px;
    opacity:0.6;
  }
}