@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&family=JetBrains+Mono&display=swap";:root{--primary: #ff4d6d;--secondary: #ff8fa3;--accent: #590d22;--bg-dark: #0f0f0f;--text-light: #ffffff;--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-light);overflow-x:hidden;overflow-y:auto;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}#app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#2e0814,#0f0f0f);z-index:-2}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.heart{position:absolute;color:var(--primary);opacity:.3;animation:float 10s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}50%{opacity:.3}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.slides-container{width:95%;max-width:1200px;min-height:700px;position:relative;perspective:1200px;margin-bottom:150px}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 10px 30px #00000080;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.slide.active{display:flex;animation:slideIn .6s forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(50px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}h1{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(to right,#ff4d6d,#ffb3c1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2rem;font-weight:600;margin-bottom:15px;color:var(--secondary)}.reason-slide{justify-content:space-between;padding:40px 60px}.section-label{font-size:1rem;font-weight:700;letter-spacing:3px;color:var(--primary);text-transform:uppercase;margin-bottom:10px;opacity:.9}.reason-slide h1{font-size:3.5rem;margin-bottom:20px}.reason-text{margin-bottom:20px}.reason-text p{font-size:1.3rem;line-height:1.8;margin-bottom:8px}.reason-slide .gif-container{max-width:500px;height:350px}p{font-size:1.25rem;opacity:.8;line-height:1.6}.gif-container{width:100%;max-width:800px;height:450px;margin:20px 0;border-radius:12px;overflow:hidden;border:2px solid var(--primary);background:#0003}.gif-container img{width:100%;height:100%;object-fit:contain}.gif-container.placeholder{display:flex;justify-content:center;align-items:center;border-style:dashed;background:#ff4d6d1a}.gif-container.placeholder p{color:var(--primary);opacity:.7;font-size:1rem}.decision-buttons{display:flex;gap:20px;margin-top:20px;position:relative;min-height:60px;width:100%;justify-content:center}.nav-buttons{position:absolute;bottom:-80px;width:100%;display:flex;justify-content:space-between;padding:0 20px}button{padding:12px 24px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-family:Outfit,sans-serif;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ff4d6d4d}button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff4d6d80}button:disabled{opacity:.5;cursor:not-allowed;transform:none}#btn-no{background:var(--accent)}#btn-yes{background:#2ecc71}.logic-points{text-align:left;margin-top:20px;width:100%}.point{display:flex;align-items:flex-start;margin-bottom:15px;font-size:1.1rem}.point span{color:var(--primary);margin-right:10px;font-weight:700}.success-screen{background:linear-gradient(45deg,#ff4d6d,#ff8fa3)}.success-screen h1{-webkit-text-fill-color:white}@keyframes wobble{0%{transform:translate(0)}25%{transform:translate(-5px) rotate(-1deg)}75%{transform:translate(5px) rotate(1deg)}to{transform:translate(0)}}.wobble{animation:wobble .5s infinite}.point:hover{transform:scale(1.05);color:var(--primary);transition:.3s}@media(max-width:768px){body,#app{align-items:flex-start;padding-top:40px;padding-bottom:120px}.slides-container{width:95%;min-height:500px;height:auto;aspect-ratio:4/5;margin-bottom:100px}.slide{padding:20px;border-radius:16px}h1{font-size:1.8rem}.reason-slide{padding:20px}.reason-slide h1{font-size:2rem;margin-bottom:10px}.section-label{font-size:.8rem;letter-spacing:2px;margin-bottom:5px}.reason-text p{font-size:1rem;line-height:1.4;margin-bottom:4px}p{font-size:1rem}.gif-container{height:220px;margin:10px 0}.reason-slide .gif-container{max-width:100%;height:180px}.nav-buttons{bottom:-50px}button{padding:10px 18px;font-size:.9rem}.decision-buttons{gap:10px;margin-top:10px}[style*="font-size: 1.8rem"]{font-size:1.2rem!important}[style*="font-size: 2.5rem"]{font-size:1.6rem!important}[style*="font-size: 1.5rem"]{font-size:1.1rem!important}}