:root{--color-primario: #d81b60;--color-secundario: #ff9f43;--color-acento: #4facfe}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#ff9a9e,#fecfef,#a1c4fd);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}h1,h2,h3,.fuente-festiva{font-family:Fredoka,sans-serif}.icono-principal{font-size:4.5rem;color:var(--color-primario);display:inline-block;animation:flotar 3s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(216,27,96,.3))}@keyframes flotar{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}.decoracion-fondo{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.globo{position:absolute;bottom:-100px;font-size:3rem;opacity:.45;animation:subir 12s linear infinite}.globo:nth-child(1){left:8%;animation-duration:9s;animation-delay:0s;color:#d81b60;font-size:3.2rem}.globo:nth-child(2){left:82%;animation-duration:13s;animation-delay:2s;color:#4facfe;font-size:4rem}.globo:nth-child(3){left:28%;animation-duration:10s;animation-delay:4s;color:#ff9f43;font-size:2.5rem}.globo:nth-child(4){left:65%;animation-duration:14s;animation-delay:1s;color:#1dd1a1;font-size:3.5rem}.globo:nth-child(5){left:48%;animation-duration:11s;animation-delay:5s;color:#ff6b6b;font-size:2.8rem}.globo:nth-child(6){left:18%;animation-duration:15s;animation-delay:3s;color:#a55eea;font-size:3.8rem}@keyframes subir{0%{transform:translateY(15vh) rotate(-10deg);opacity:0}15%{opacity:.45}85%{opacity:.45}to{transform:translateY(-120vh) rotate(25deg);opacity:0}}#contenedorCintas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.cinta-serpentina{position:absolute;top:-60px;width:10px;height:45px;border-radius:4px;opacity:.9;animation:caerCinta linear forwards}@keyframes caerCinta{0%{transform:translateY(-50px) rotateX(0) rotateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotateX(720deg) rotateY(360deg) rotate(540deg);opacity:.2}}.tarjeta-principal{position:relative;z-index:10;background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:28px;border:2px solid rgba(255,255,255,.7);box-shadow:0 20px 40px #0000001f;max-width:480px;margin:0 auto}.titulo-gradiente{background:linear-gradient(45deg,#d81b60,#ff6b6b,#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.caja-dedicatoria{background:linear-gradient(to right,#fff0f5e6,#fff8e7e6);border-left:5px solid var(--color-primario);border-radius:16px}.btn-celebrar{background:linear-gradient(45deg,#d81b60,#ff6b6b);border:none;color:#fff;font-weight:600;border-radius:50px;padding:14px 28px;box-shadow:0 8px 20px #d81b6059;transition:all .25s ease}.btn-celebrar:hover,.btn-celebrar:active{transform:scale(1.04);color:#fff;box-shadow:0 10px 25px #d81b6080}.btn-sorpresa{background:linear-gradient(45deg,#ff9f43,#feca57);border:none;color:#2d3436;font-weight:600;border-radius:50px;padding:12px 24px;box-shadow:0 8px 20px #ff9f4359;transition:all .25s ease}.btn-sorpresa:hover,.btn-sorpresa:active{transform:scale(1.04);color:#2d3436}.vela-contenedor{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.vela-contenedor:active{transform:scale(.95)}#overlayRosa{position:fixed;inset:0;background:#19050fc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;overflow:hidden;cursor:pointer}#overlayRosa.activo{opacity:1;visibility:visible}.rosa-gigante{font-size:8.5rem;filter:drop-shadow(0 0 35px rgba(255,40,100,.9));transform:scale(0);transition:transform .7s cubic-bezier(.34,1.56,.64,1);z-index:2;-webkit-user-select:none;user-select:none}#overlayRosa.activo .rosa-gigante{transform:scale(1);animation:latidoRosa 2s ease-in-out infinite .7s}@keyframes latidoRosa{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.14) rotate(4deg)}}.corazon-flotante{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;animation:expandirCorazon ease-out forwards}@keyframes expandirCorazon{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}75%{opacity:.95}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(var(--escala)) rotate(var(--rot));opacity:0}}