@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Poppins:wght@300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--pink-light: #ffe0ec;--pink: #ff6b9d;--pink-dark: #c44569;--red: #e74c3c;--red-dark: #c0392b;--gold: #f9ca24;--white: #fff}body{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fce4ec,#f8bbd0,#f48fb1);position:relative}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.hearts-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-heart{position:absolute;bottom:-10%;animation:floatUp linear infinite;opacity:.6;font-size:1.5rem}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(1);opacity:.6}50%{opacity:.8}to{transform:translateY(-110vh) rotate(720deg) scale(.3);opacity:0}}.page-container{position:relative;z-index:1;width:100%;max-width:600px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.page-enter{animation:pageSlideIn .6s ease-out forwards}@keyframes pageSlideIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.valentine-card{background:#fffffff2;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #c72c5f33,0 0 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:480px}.heart-icon{font-size:5rem;display:block;margin-bottom:1rem;animation:heartbeat 1.2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.valentine-title{font-family:Dancing Script,cursive;font-size:2.5rem;color:var(--pink-dark);margin-bottom:.5rem;line-height:1.2}.valentine-subtitle{font-size:1rem;color:#999;margin-bottom:2.5rem;font-weight:300}.buttons-container{display:flex;gap:1.5rem;justify-content:center;align-items:center;min-height:60px;position:relative}.btn{padding:14px 40px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;letter-spacing:.5px}.btn-oui{background:linear-gradient(135deg,var(--pink),var(--red));color:#fff;box-shadow:0 6px 20px #ff6b9d66}.btn-oui:hover{transform:scale(1.08);box-shadow:0 8px 30px #ff6b9d99}.btn-oui:active{transform:scale(.95)}.btn-non{background:#e0e0e0;color:#666;position:absolute;transition:none;-webkit-user-select:none;user-select:none;z-index:10}.btn-non:hover{background:#e0e0e0}.sweet-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.sweet-emoji{font-size:6rem;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.sweet-text{font-family:Dancing Script,cursive;font-size:2.2rem;color:var(--pink-dark);max-width:400px;line-height:1.4;animation:fadeInUp .8s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sweet-subtext{font-size:1.1rem;color:#888;font-weight:300;animation:fadeInUp .8s ease-out .6s both}.btn-next{margin-top:1rem;padding:12px 36px;background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .3s ease;animation:fadeInUp .8s ease-out .9s both}.btn-next:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b9d66}.final-card{background:#fffffff2;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #c72c5f40,0 0 0 1px #ffffff80;width:100%;max-width:480px;position:relative;overflow:visible}.final-hearts{font-size:4rem;margin-bottom:1rem;animation:heartbeat 1.2s ease-in-out infinite}.final-title{font-family:Dancing Script,cursive;font-size:2.2rem;color:var(--pink-dark);margin-bottom:.5rem}.final-sweet-text{font-family:Dancing Script,cursive;font-size:1.6rem;color:var(--red);margin-bottom:1.5rem;line-height:1.4}.final-question{font-family:Dancing Script,cursive;font-size:1.8rem;color:var(--pink-dark);margin-bottom:2rem}.celebration-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center}.celebration-content{text-align:center;pointer-events:auto;animation:celebrationPop .8s ease-out}@keyframes celebrationPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.celebration-heart{font-size:8rem;animation:heartbeat 1s ease-in-out infinite;display:block}.celebration-text{font-family:Dancing Script,cursive;font-size:3rem;color:var(--white);text-shadow:0 2px 20px rgba(199,44,95,.5);margin-top:1rem}.confetti{position:absolute;font-size:2rem;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.progress-dots{display:flex;gap:8px;margin-top:2rem}.dot{width:10px;height:10px;border-radius:50%;background:#c4456933;transition:all .3s ease}.dot.active{background:var(--pink-dark);transform:scale(1.2)}.home-card{background:#fffffff2;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #c72c5f33,0 0 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:500px}.home-title{font-family:Dancing Script,cursive;font-size:2.5rem;color:var(--pink-dark);margin-bottom:.5rem}.home-subtitle{font-size:1rem;color:#999;margin-bottom:2rem;font-weight:300}.name-form{display:flex;flex-direction:column;gap:1.2rem;align-items:center}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.2rem}.name-input{width:100%;padding:14px 16px 14px 48px;border:2px solid #f0c4d4;border-radius:50px;font-size:1.1rem;font-family:Poppins,sans-serif;color:var(--pink-dark);background:#fff;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.name-input::placeholder{color:#cba8b8}.name-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}.btn-generate{background:linear-gradient(135deg,var(--pink),var(--red));color:#fff;padding:14px 40px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .3s ease;box-shadow:0 6px 20px #ff6b9d66}.btn-generate:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 30px #ff6b9d99}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.link-result{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.link-label{font-size:.95rem;color:#888;font-weight:300}.link-box{background:#fef0f5;border:2px dashed var(--pink);border-radius:12px;padding:12px 20px;width:100%;word-break:break-all}.link-text{font-size:.9rem;color:var(--pink-dark);font-weight:600}.link-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.btn-copy{background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#fff;padding:10px 24px;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .3s ease}.btn-copy:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff6b9d66}.btn-preview{background:#fff;color:var(--pink-dark);padding:10px 24px;border:2px solid var(--pink);border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .3s ease}.btn-preview:hover{background:var(--pink-light);transform:scale(1.05)}@media(max-width:768px){.valentine-card,.final-card,.home-card{padding:2rem 1.5rem;margin:0 1rem}.valentine-title,.home-title{font-size:2rem}.heart-icon{font-size:4rem}.sweet-emoji{font-size:4.5rem}.sweet-text{font-size:1.8rem}.btn{padding:12px 30px;font-size:1rem}.celebration-heart{font-size:5rem}.celebration-text{font-size:2rem}.name-input{font-size:1rem}.btn-generate{padding:12px 30px;font-size:1rem}}@media(max-width:380px){.valentine-title,.home-title{font-size:1.7rem}.sweet-text{font-size:1.5rem}.valentine-card,.final-card,.home-card{padding:1.5rem 1rem}.btn{padding:10px 24px;font-size:.9rem}.link-actions{flex-direction:column;width:100%}.btn-copy,.btn-preview{width:100%}}