:root{--primary-color:#ff6b95;--secondary-color:#7c4dff;--background-color:#1a1a2e;--text-color:#fff;--card-bg:rgba(255,255,255,.1);--input-bg:rgba(255,255,255,.1);--animation-timing:cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}@keyframes floatAnimation {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}@keyframes sparkle {
    0%, 100% { opacity: 0; transform: scale(0.5); }
    50% { opacity: 1; transform: scale(1); }
}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}body{font-family:'Poppins',sans-serif;background:linear-gradient(-45deg,#1a1a2e,#16213e,#1a1a2e,#16213e);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:var(--text-color);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(124,77,255,.2) 0%,transparent 50%);animation:pulse 4s var(--animation-timing) infinite}.container{width:90%;max-width:600px;padding:20px;perspective:1000px;animation:fadeInUp .8s var(--animation-timing)}.love-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:40px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d;transition:transform .6s var(--animation-timing)}.love-card:hover{transform:translateY(-5px) rotateX(5deg)}.main-title{font-family:'Dancing Script',cursive;font-size:clamp(2rem,5vw,2.5rem);color:var(--primary-color);margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:floatAnimation 3s ease-in-out infinite}.subtitle{font-size:clamp(1rem,3vw,1.2rem);color:var(--text-color);margin-bottom:30px;opacity:.9}.social-proof{margin-bottom:30px;font-size:.9rem;color:#ffd700;animation:sparkle 2s infinite}.love-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative;overflow:hidden}.input-group input{width:100%;padding:15px;border:none;border-radius:10px;background:var(--input-bg);color:var(--text-color);font-size:1rem;transition:all .3s var(--animation-timing);outline:none}.input-group input:focus{background:rgba(255,255,255,.2);box-shadow:0 0 0 2px var(--primary-color);transform:translateY(-2px)}.input-group::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform .3s var(--animation-timing)}.input-group input:focus+::after{transform:scaleX(1)}.cta-button{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;padding:15px 30px;border-radius:10px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s var(--animation-timing);display:flex;align-items:center;justify-content:center;gap:10px;width:100%;position:relative;overflow:hidden}.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );transition:.5s}.cta-button:hover::before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,149,.4)}.cta-button:active{transform:translateY(1px)}.heart-animation{animation:beat 1s infinite;display:inline-block}.story-container{opacity:0;transform:translateY(20px);animation:fadeInUp .8s var(--animation-timing) forwards}.story-title{font-family:'Dancing Script',cursive;font-size:clamp(1.8rem,4vw,2rem);margin-bottom:20px;color:var(--primary-color);animation:floatAnimation 3s ease-in-out infinite}.story-content{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;margin-bottom:30px;transition:filter .5s var(--animation-timing)}.locked-content{position:relative;filter:blur(5px);transform:scale(.98);transition:all .5s var(--animation-timing)}.lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);font-size:3rem;z-index:2;transition:all .5s var(--animation-timing)}.whatsapp-button{background:#25d366;color:#fff;padding:15px 30px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-weight:600;transition:all .3s var(--animation-timing);position:relative;overflow:hidden}.whatsapp-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );transition:.5s}.whatsapp-button:hover::before{left:100%}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,211,102,.4)}@media (hover:none){.love-card:hover{transform:none}.input-group input:focus{transform:none}}@media (max-width:480px){.love-card{padding:20px}.container{width:95%;padding:10px}.input-group input{padding:12px}.cta-button{padding:12px 20px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}