body {
  font-family: 'Poppins', sans-serif;
  background-color: #ffe6f2;
  color: #d63384;
  text-align: center;
  margin: 0;
  padding: 0;
}
header {
  padding: 30px 10px;
  background: linear-gradient(135deg, #ffb6c1, #ffd6e0);
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
h1 { font-size: 2em; margin-bottom: 10px; }
.note { font-size: 1.2em; color: #b30059; }
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; padding: 20px; }
.photo img { width: 100%; border-radius: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); transition: transform 0.2s; cursor: pointer; }
.photo img:hover { transform: scale(1.05); }
.lightbox { display: none; position: fixed; z-index: 10; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); }
.lightbox-content { margin: auto; display: block; max-width: 80%; border-radius: 10px; }
.close { position: absolute; top: 30px; right: 50px; color: white; font-size: 40px; cursor: pointer; }
#play-music { margin: 20px; padding: 10px 20px; font-size: 1em; background-color: #d63384; color: white; border: none; border-radius: 10px; cursor: pointer; }