@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--primary-pink:#ffb6c1;--secondary-pink:#ff69b4;--dark-pink:#d81b60;--bg-color:#fdf5f7;--text-color:#4a4a4a;--white:#fff}*{box-sizing:border-box;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"rgba(255,105,180,0.5)\" stroke=\"%23ff69b4\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"></path></svg>") 12 12,auto;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);overscroll-behavior-y:none;background-image:radial-gradient(circle at 80% 0,#ffb6c166 0,#0000 40%),radial-gradient(circle at 20% 100%,#ff69b433 0,#0000 40%),radial-gradient(circle,#fffc 0,#0000 60%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.cursor-heart{pointer-events:none;z-index:9999;filter:drop-shadow(0 4px 8px #ff69b44d);font-size:1.5rem;animation:1.5s cubic-bezier(.2,.8,.2,1) forwards floatUpCursor;position:fixed;transform:translate(-50%,-50%)}@keyframes floatUpCursor{0%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(2px);transform:translate(-50%,-150%)scale(.6)}}.explosion-container{pointer-events:none;z-index:9999;position:fixed;transform:translate(-50%,-50%)}.explosion-heart{filter:drop-shadow(0 4px 6px #ff69b433);font-size:1.5rem;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards popExplosion;position:absolute}@keyframes popExplosion{0%{opacity:1;filter:blur();transform:translate(0)scale(.5)rotate(0)}to{transform:translate(var(--dx), var(--dy)) scale(1.5) rotate(var(--rot));opacity:0;filter:blur(1px)}}.glass-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:linear-gradient(135deg,#ffffff73 0%,#ffffff26 100%);border:1px solid #ffffff80;border-color:#ffffffe6 #ffffff80 #ffffff80 #ffffffb3;border-radius:40px;width:100%;max-width:500px;padding:3.5rem 2.5rem;animation:1.2s cubic-bezier(.2,.8,.2,1) forwards floatIn;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000000d,inset 0 0 20px #ffffff80,0 0 0 10px #fff3}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:6s infinite sheen;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes sheen{0%{left:-100%}20%{left:200%}to{left:200%}}@media (width<=480px){.glass-card{border-radius:35px;padding:2.5rem 1.5rem;box-shadow:0 15px 30px #0000000d,inset 0 0 15px #ffffff80,0 0 0 6px #fff3}.title{font-size:2.8rem!important}}.title{color:var(--dark-pink);letter-spacing:-.5px;background:linear-gradient(135deg, var(--dark-pink), var(--secondary-pink));-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #d81b6026);-webkit-background-clip:text;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:3.5rem;font-style:italic;font-weight:600}.subtitle{color:#555;letter-spacing:.2px;margin-bottom:2.5rem;font-size:1.1rem;font-weight:400}.kitty-image-container{-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #fffc;border-radius:50%;width:220px;height:220px;margin:0 auto 2.5rem;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;overflow:hidden;box-shadow:0 15px 30px #d81b6026,inset 0 0 20px #fffc,0 0 0 8px #ffffff4d}.kitty-image-container:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 40px #d81b6033,inset 0 0 20px #fffc,0 0 0 12px #fff6}.kitty-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.kitty-image-container:hover .kitty-image{transform:scale(1.1)}.surprise-container{flex-direction:column;align-items:center;gap:1.5rem;min-height:140px;margin-bottom:2.5rem;display:flex}.surprise-btn{-webkit-backdrop-filter:blur(15px);color:var(--dark-pink);cursor:inherit;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fff9,#fff3);border:1px solid #fffc;border-top-color:#fff;border-radius:30px;align-items:center;gap:8px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 8px 20px #d81b601a,inset 0 0 15px #fffc}.surprise-btn:hover{background:linear-gradient(135deg,#fffc,#fff6);transform:translateY(-3px);box-shadow:0 12px 25px #d81b6026,inset 0 0 15px #fff}.surprise-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #d81b601a}.message-bubble{-webkit-backdrop-filter:blur(20px);color:var(--text-color);background:#ffffff73;border:1px solid #fff9;border-top-color:#ffffffe6;border-radius:24px;padding:1.2rem 1.8rem;font-weight:500;line-height:1.5;transition:transform .3s;position:relative;box-shadow:0 10px 30px #0000000d,inset 0 0 10px #fff9}.message-bubble:hover{transform:translateY(-2px)}.popped-out{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards popOutPremium}.btn-spotify{color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#1ed760,#1db954);border:1px solid #fff6;border-radius:40px;justify-content:center;align-items:center;gap:10px;padding:14px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 10px 25px #1db9544d,inset 0 2px 10px #fff6}.btn-spotify:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1db95466,inset 0 2px 10px #fff9}.floating-hearts{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.heart{color:#ffb6c199;opacity:.6;filter:blur(1px);font-size:1.5rem;animation:8s ease-in-out infinite floatHeart;position:absolute}.heart:first-child{animation-delay:0s;top:10%;left:10%}.heart:nth-child(2){animation-delay:1s;top:20%;right:15%;transform:scale(1.2)}.heart:nth-child(3){animation-delay:2s;bottom:15%;left:20%}.heart:nth-child(4){filter:blur(2px);font-size:2.5rem;animation-delay:3s;bottom:25%;right:10%}.heart:nth-child(5){font-size:1rem;animation-delay:1.5s;top:40%;left:5%}@keyframes floatIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popOutPremium{0%{opacity:0;filter:blur(4px);transform:scale(.8)translateY(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes floatHeart{0%,to{transform:translateY(0)scale(1)rotate(0)}50%{transform:translateY(-40px)scale(1.1)rotate(10deg)}}