body{
  min-height:100vh;
  background:linear-gradient(135deg,#6610f2,#6f42c1);
  display:flex;align-items:center;justify-content:center;overflow:hidden
}
.card-invitacion{max-width:420px;border-radius:1.2rem;box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;z-index:5}
.contador{display:flex;gap:8px;justify-content:center}
.contador div{background:#f8f9fa;border-radius:.75rem;padding:10px;min-width:70px}
.contador span{font-size:1.6rem;font-weight:700;display:block}
#entrada{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000}
.music-btn{position:fixed;bottom:20px;right:20px;width:55px;height:55px;border-radius:50%;background:#198754;color:#fff;border:0;font-size:1.4rem;z-index:9000}
.demo-btn{position:fixed;top:20px;right:20px;z-index:9000}
#snow{position:fixed;inset:0;pointer-events:none;z-index:1}
#fx{position:fixed;inset:0;pointer-events:none;z-index:4}
.mapa iframe{width:100%;height:200px;border:0;border-radius:.75rem}
.gift{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);font-size:4rem;cursor:pointer;animation:bounce 1.5s infinite;z-index:6}
.gift.open{animation:none;font-size:5rem}
.tree{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);font-size:5rem;animation:sway 3s ease-in-out infinite;z-index:6}
@keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-20px)}}
@keyframes sway{0%,100%{transform:translateX(-50%) rotate(-3deg)}50%{transform:translateX(-50%) rotate(3deg)}}