@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&display=swap";:root{--primary: #FF3B7E;--bg-gradient: linear-gradient(135deg, #FF99C8 0%, #D0D1FF 50%, #90DBFF 100%)}*{box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;margin:0;padding:0}.container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:#0f172a;background:radial-gradient(circle at 0% 0%,#ff99c8 0%,transparent 50%),radial-gradient(circle at 100% 0%,#d0d1ff 0%,transparent 50%),radial-gradient(circle at 100% 100%,#90dbff 0%,transparent 50%),radial-gradient(circle at 0% 100%,#ff3b7e 0%,transparent 50%);background-size:200% 200%;animation:meshGradient 20s infinite alternate ease-in-out;overflow:hidden;position:relative}@keyframes meshGradient{0%{background-position:0% 0%}to{background-position:100% 100%}}.bg-element{position:absolute;border-radius:50%;z-index:1;box-shadow:inset -10px -10px 20px #0000001a,10px 10px 20px #fff6,0 15px 30px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sphere-1{width:120px;height:120px;background:#ffc4d699;top:10%;left:15%;animation:float 6s infinite ease-in-out}.sphere-2{width:180px;height:180px;background:#b2b4ff99;bottom:10%;right:10%;animation:float 8s infinite ease-in-out reverse}.sphere-3{width:90px;height:90px;background:#90dbff99;top:60%;left:5%;animation:float 7s infinite ease-in-out}.sphere-4{width:60px;height:60px;background:#ff3b7e66;top:30%;right:20%;animation:float 5s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(15deg)}}.card{background:#ffffff59;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:3rem 2rem;border-radius:50px;box-shadow:0 25px 50px #00000026,inset 0 0 10px #ffffff80;text-align:center;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;z-index:10;position:relative;border:1px solid rgba(255,255,255,.5)}.title{color:#1e293b;font-size:2.2rem;margin-bottom:2rem;line-height:1.2;font-weight:800;letter-spacing:-1px}.subtitle{color:#475569;font-size:1.1rem;margin-bottom:2rem;font-weight:600}.button-group{display:flex;justify-content:center;gap:1.5rem;min-height:80px}.btn{padding:1.2rem 2.8rem;font-size:1.3rem;font-weight:800;border:none;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-yes{background:linear-gradient(135deg,#ff3b7e,#d81b60);color:#fff;box-shadow:0 12px #d41f5f,0 20px 30px #ff3b7e4d}.btn-yes:active{transform:translateY(8px);box-shadow:0 4px #d41f5f}.btn-no{background:#fffc;color:#475569;box-shadow:0 12px #0000001a,0 20px 30px #0000000d}.form{display:flex;flex-direction:column;gap:1.2rem}.input-field{padding:1.5rem;background:#fffc;border:none;border-radius:30px;font-size:1.6rem;font-weight:800;color:#1e293b;outline:none;transition:all .3s;text-align:center;width:100%;box-shadow:inset 0 2px 4px #0000000d}.input-field:focus{background:#fff;box-shadow:0 10px 20px #ff3b7e1a}.btn-submit{background:linear-gradient(135deg,#6c5ce7,#4834d4);color:#fff;box-shadow:0 12px #3c2bb3,0 20px 30px #6c5ce74d}.btn-submit:active{transform:translateY(8px);box-shadow:0 4px #3c2bb3}.encouragement-text{font-size:1.1rem;color:#1e293b;line-height:1.8;font-weight:600;text-align:left;background:#fff6;padding:1.5rem;border-radius:25px;box-shadow:inset 0 0 10px #00000005}.heart-icon{font-size:4.5rem;margin-top:1.5rem;filter:drop-shadow(0 10px 15px rgba(255,59,126,.3));animation:heartbeat 1.2s infinite cubic-bezier(.215,.61,.355,1)}@keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1.3)}40%{transform:scale(1)}60%{transform:scale(1.15)}80%{transform:scale(1)}}.fade-in{animation:scaleIn .8s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.6) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:600px){.title{font-size:1.8rem}.card{padding:2rem 1.2rem}.btn{padding:1rem 1.8rem;font-size:1.1rem}.encouragement-text{font-size:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}