*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400}body{min-height:100vh;background:linear-gradient(135deg,#ffeef8,#fff0f5,#ffe4ec,#ffd6e7,pink);background-attachment:fixed;overflow-x:hidden}#root{min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,182,193,.3) 0%,transparent 8%),radial-gradient(circle at 80% 20%,rgba(255,105,180,.2) 0%,transparent 10%),radial-gradient(circle at 40% 70%,rgba(255,182,193,.25) 0%,transparent 8%),radial-gradient(circle at 70% 80%,rgba(255,105,180,.2) 0%,transparent 12%),radial-gradient(circle at 10% 90%,rgba(255,182,193,.3) 0%,transparent 6%),radial-gradient(circle at 90% 60%,rgba(255,105,180,.15) 0%,transparent 10%);pointer-events:none;z-index:0}.container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px;box-sizing:border-box}.question-card{background:#fffffff2;border-radius:30px;padding:50px 60px;text-align:center;box-shadow:0 20px 60px #ff69b44d;max-width:500px;position:relative;z-index:10}.heart-icon{font-size:80px;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}h1{color:#e91e63;font-size:2.5rem;margin-bottom:10px;font-weight:700}.subtitle{color:#f48fb1;font-size:1.2rem;margin-bottom:40px}.button-container{display:flex;gap:30px;justify-content:center;align-items:center;min-height:60px;position:relative}.btn{padding:15px 40px;font-size:1.3rem;border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease}.yes-btn{background:linear-gradient(135deg,#ff6b95,#e91e63);color:#fff;box-shadow:0 8px 25px #e91e6366}.yes-btn:hover{transform:scale(1.1);box-shadow:0 12px 35px #e91e6380}.no-btn{background:linear-gradient(135deg,#9e9e9e,#616161);color:#fff;box-shadow:0 8px 25px #6161614d}.no-btn:hover{background:linear-gradient(135deg,#ff6b95,#e91e63)}.hint{color:#999;font-size:.9rem;margin-top:30px;font-style:italic}.accepted{background:linear-gradient(135deg,#fce4ec,#f8bbd9,#f48fb1)}.accepted h1{font-size:3rem;color:#c2185b;margin-bottom:20px;animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hearts{font-size:2.5rem;margin:20px 0;animation:heartbeat 1s ease infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.15)}}.celebration-gif{max-width:400px;width:100%;border-radius:20px;box-shadow:0 15px 50px #e91e634d;margin:20px 0}.love-message{font-size:2rem;color:#c2185b;font-weight:700;margin-top:20px}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-heart{position:absolute;bottom:-50px;font-size:2rem;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@media(max-width:600px){.question-card{padding:30px 25px;margin:10px}h1{font-size:1.8rem}.heart-icon{font-size:60px}.btn{padding:12px 30px;font-size:1.1rem}.button-container{flex-direction:column;gap:20px}.celebration-gif{max-width:300px}.accepted h1{font-size:2rem}}