html,body{background:#0f172a;width:100%;max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}.heart-container{isolation:isolate;background:radial-gradient(circle at 0 0,#ff008059,#0000 25%),radial-gradient(circle at 100% 100%,#ff00004d,#0000 25%),linear-gradient(135deg,#831843 0%,#be185d 45%,#dc2626 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;transition:all .7s;display:flex;position:relative;overflow:hidden}.heart-container:before,.heart-container:after{content:"";filter:blur(120px);z-index:0;opacity:.5;border-radius:50%;position:absolute}.heart-container:before{background:#f08;width:320px;height:320px;top:-100px;left:-100px}.heart-container:after{background:#ff5f8f;width:280px;height:280px;bottom:-100px;right:-100px}.heart-btn{cursor:pointer;z-index:10;filter:drop-shadow(0 0 20px #ff0080b3)drop-shadow(0 0 45px #ff008080);background:0 0;border:none;font-size:clamp(120px,18vw,250px);transition:transform .3s,filter .3s;animation:2s infinite pulse;position:relative}.heart-btn:hover{filter:drop-shadow(0 0 30px #ff0080e6)drop-shadow(0 0 60px #ff0080b3);transform:scale(1.08)}@keyframes pulse{0%,to{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(1.16)}}.heading{text-align:center;color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 0 15px #ffffff26;z-index:10;background:linear-gradient(90deg,#ff96aa,#fff1f4);-webkit-background-clip:text;background-clip:text;margin-top:20px;font-size:clamp(32px,6vw,60px);font-weight:800}.heart-btn.explode{animation:1s forwards heartBlast}@keyframes heartBlast{0%{opacity:1;transform:scale(1)}30%{transform:scale(1.5)}to{opacity:0;transform:scale(0)}}.particle{pointer-events:none;z-index:5;background:radial-gradient(circle at 30% 30%,#fff,#ff4d8d,#f06);border-radius:50%;width:18px;height:18px;animation:1.4s ease-out forwards particleBlast;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ff4d8de6,0 0 25px #f069}.particle:nth-child(3n){background:linear-gradient(135deg,#ff9ec4,#ff2d75);border-radius:4px}.particle:nth-child(4n){background:radial-gradient(circle,#fff7,gold,#ff8c00);width:14px;height:14px}@keyframes particleBlast{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{transform:translate3d(calc(-50% + var(--x)), calc(-50% + var(--y)), 0) rotate(var(--r)) scale(0);opacity:0}}@media (max-width:768px){.heart-btn{font-size:140px}.heading{padding:0 20px;font-size:34px}.particle{width:14px;height:14px}}