@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poppins:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--pink:#ff6b9d;--rose:#c44569;--deep-rose:#e84393;--blush:#fd79a8;--gold:#fdcb6e;--purple:#a29bfe;--soft-purple:#dfe6e9;--bg-gradient:linear-gradient(135deg, #ffecd2 0%, #fcb69f 50%, #ff9a9e 100%);--card-bg:#ffffffeb;--text-dark:#2d3436;--text-muted:#636e72}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-dark);font-family:Poppins,sans-serif;overflow-x:hidden}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}h1,h2,h3{font-family:Playfair Display,serif}button{cursor:pointer;border:none;outline:none;font-family:Poppins,sans-serif}::selection{background:var(--blush);color:#fff}.welcome{text-align:center}.welcome-icon{margin-bottom:8px;font-size:64px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.welcome h1{background:linear-gradient(135deg, var(--rose), var(--deep-rose));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;line-height:1.2}.welcome-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1rem;font-weight:300;line-height:1.6}.name-form{flex-direction:column;align-items:center;gap:16px;display:flex}.name-input{text-align:center;width:100%;color:var(--text-dark);background:#fff9;border:2px solid #f0e0e6;border-radius:16px;padding:16px 24px;font-family:Poppins,sans-serif;font-size:1.05rem;transition:all .3s}.name-input:focus{border-color:var(--blush);outline:none;box-shadow:0 0 0 4px #fd79a826}.name-input::placeholder{color:#c0aab3}.welcome-footer{color:#c0aab3;margin-top:24px;font-size:.8rem;font-weight:300}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=600px){.welcome h1{font-size:2rem}}.quiz{text-align:center;animation:.5s cubic-bezier(.34,1.56,.64,1) cardIn}.progress-bar{background:#f0e0e6;border-radius:3px;width:100%;height:6px;margin-bottom:24px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--blush), var(--deep-rose));border-radius:3px;height:100%;transition:width .5s}.question-counter{color:var(--blush);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.85rem;font-weight:500}.question-emoji{margin-bottom:12px;font-size:48px}.question-text{color:var(--text-dark);margin-bottom:28px;font-size:1.5rem;font-style:italic;line-height:1.3}.options{flex-direction:column;gap:12px;display:flex}.option{color:var(--text-dark);background:#fff9;border:2px solid #f0e0e6;border-radius:16px;padding:16px 24px;font-size:1rem;font-weight:400;transition:all .3s}.option:hover{border-color:var(--blush);background:#fd79a80f;transform:translate(4px)}.option.selected{border-color:var(--deep-rose);color:var(--rose);background:linear-gradient(135deg,#fd79a826,#e843931a);font-weight:500;transform:scale(1.02)}@media (width<=600px){.question-text{font-size:1.25rem}}.analyzing{text-align:center}.analyzing-orb{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;display:flex;position:relative}.orb-inner{background:radial-gradient(circle, var(--blush), var(--deep-rose));border-radius:50%;width:60px;height:60px;animation:1.5s ease-in-out infinite orbPulse;box-shadow:0 0 30px #e8439366,0 0 60px #e8439333}.orb-ring{border:2px solid var(--blush);opacity:.4;border-radius:50%;animation:3s linear infinite orbSpin;position:absolute;inset:0}.ring-2{border-color:var(--purple);animation-duration:2s;animation-direction:reverse;inset:10px}@keyframes orbPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-emoji{margin-bottom:8px;font-size:40px;animation:.4s fadeInUp}.step-text{color:var(--rose);margin-bottom:32px;font-size:1.15rem;font-weight:500;animation:.4s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.match-meter{margin-bottom:24px}.meter-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.meter-bar{background:#f0e0e6;border-radius:5px;width:100%;height:10px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--gold), var(--blush), var(--deep-rose));border-radius:5px;height:100%;transition:width .3s}.meter-value{background:linear-gradient(135deg, var(--deep-rose), var(--rose));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-family:Playfair Display,serif;font-size:2rem;font-weight:600}.analyzing-dots{justify-content:center;gap:8px;display:flex}.analyzing-dots span{background:var(--blush);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dotBounce}.analyzing-dots span:nth-child(2){animation-delay:.2s}.analyzing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.reveal{text-align:center;max-width:560px;position:relative;overflow:hidden}.sparkles{pointer-events:none;z-index:10;position:absolute;inset:0}.sparkle{animation:1.5s ease-in-out infinite sparkleAnim;position:absolute}@keyframes sparkleAnim{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.reveal-intro{animation:.8s fadeInUp}.big-heart{font-size:80px;animation:1s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}.reveal-title{color:var(--rose);margin:16px 0 8px;font-size:2.2rem}.reveal-subtitle{color:var(--deep-rose);margin-bottom:16px;font-size:1.1rem;font-weight:500}.drumroll{color:var(--text-muted);font-size:1.3rem;font-style:italic;animation:.6s ease-in-out infinite drumrollPulse}@keyframes drumrollPulse{0%,to{opacity:1}50%{opacity:.4}}.reveal-content{animation:.8s cubic-bezier(.34,1.56,.64,1) revealBounce}@keyframes revealBounce{0%{opacity:0;transform:scale(.3)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.photo-frame{width:220px;height:220px;margin:0 auto 24px;position:relative}.frame-hearts{z-index:3;position:absolute;inset:-20px}.frame-heart{font-size:22px;animation:4s linear infinite orbitHeart;position:absolute}.frame-heart:first-child{top:0;left:50%}.frame-heart:nth-child(2){top:15%;right:0}.frame-heart:nth-child(3){top:50%;right:-10px}.frame-heart:nth-child(4){bottom:15%;right:0}.frame-heart:nth-child(5){bottom:0;left:50%}.frame-heart:nth-child(6){bottom:15%;left:0}.frame-heart:nth-child(7){top:50%;left:-10px}.frame-heart:nth-child(8){top:15%;left:0}@keyframes orbitHeart{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.soulmate-photo{object-fit:cover;width:200px;height:200px;box-shadow:0 0 0 4px var(--blush), 0 0 40px #e843934d, 0 0 80px #e8439326;z-index:2;border:4px solid #fff;border-radius:50%;position:relative}.photo-fallback{width:200px;height:200px;box-shadow:0 0 0 4px var(--blush), 0 0 40px #e843934d;z-index:2;background:linear-gradient(135deg,#ffecd2,#fcb69f);border:4px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0 auto;display:flex;position:relative}.fallback-emoji{font-size:48px}.fallback-text{color:var(--text-muted);font-size:.7rem;line-height:1.4}.love-message{animation:.8s fadeInUp}.match-title{color:var(--deep-rose);margin-bottom:12px;font-size:2rem}.match-text{color:var(--text-muted);margin-bottom:16px;font-size:1rem;line-height:1.7}.match-text strong{color:var(--rose)}.match-quote{color:var(--rose);border-left:3px solid var(--blush);background:#fd79a814;border-radius:16px;margin-bottom:24px;padding:16px 24px;font-family:Playfair Display,serif;font-size:1rem;font-style:italic}.match-stats{justify-content:center;gap:32px;margin-bottom:28px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-value{color:var(--deep-rose);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.final-note{color:var(--rose);background:linear-gradient(135deg,#fd79a81a,#e8439314);border-radius:20px;padding:20px;font-size:1.25rem;font-weight:500;animation:2s ease-in-out infinite gentlePulse}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (width<=600px){.reveal-title{font-size:1.8rem}.match-title{font-size:1.6rem}.photo-frame{width:180px;height:180px}.soulmate-photo,.photo-fallback{width:160px;height:160px}.match-stats{gap:20px}.final-note{font-size:1.1rem}}.floating-hearts{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.heart{opacity:0;animation:linear infinite floatUp;position:absolute;bottom:-40px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)scale(.5)}10%{opacity:.7}50%{opacity:.5}90%{opacity:.2}to{opacity:0;transform:translateY(-110vh)rotate(360deg)scale(1)}}.app{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;border-radius:24px;width:100%;max-width:520px;padding:48px 40px;animation:.6s cubic-bezier(.34,1.56,.64,1) cardIn;position:relative;box-shadow:0 20px 60px #00000014,0 4px 20px #0000000a}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.primary-btn{background:linear-gradient(135deg, var(--pink), var(--deep-rose));color:#fff;letter-spacing:.5px;border-radius:50px;padding:16px 48px;font-size:1.1rem;font-weight:500;transition:all .3s;box-shadow:0 8px 25px #ff6b9d59}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ff6b9d80}.primary-btn:active{transform:translateY(0)}@media (width<=600px){.card{border-radius:20px;padding:32px 24px}.primary-btn{padding:14px 36px;font-size:1rem}}