* {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}

html, body {width:100%; height:100%; overflow:hidden; background:#000;}

canvas#bgCanvas {position:fixed; top:0; left:0; z-index:0;}

.container {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  z-index:1;
}

.title {
  font-size:3rem;
  color:#fff;
  text-shadow:2px 2px 15px rgba(0,0,0,0.5);
  margin-bottom:10px;
}

.subtitle {
  font-size:1.5rem;
  color:#fff;
  margin-bottom:40px;
  text-shadow:1px 1px 8px rgba(0,0,0,0.5);
}

.buttons {display:flex; gap:25px; justify-content:center;}

.anim-btn {
  padding:15px 30px;
  font-size:1.2rem;
  border:none;
  border-radius:15px;
  cursor:pointer;
  color:#fff;
  text-shadow:1px 1px 3px rgba(0,0,0,0.3);
  transition:transform 0.3s, box-shadow 0.3s;
}

.anim-btn:hover {transform:scale(1.1); box-shadow:0 0 25px rgba(255,255,255,0.6);}

.anim-btn[data-type="heart"] {background:#d81b60;}
.anim-btn[data-type="star"] {background:#fbc02d; color:#000;}
.anim-btn[data-type="rose"] {background:#c62828;}