.love-container{background:linear-gradient(135deg,#000,#2c001e);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.slide{text-align:center;transition:all .5s}.slide img{object-fit:cover;border-radius:16px;max-width:90%;max-height:70vh;transition:transform .5s;box-shadow:0 10px 30px #ff005a66}.slide.show img{transform:scale(1)}.slide.hide img{transform:scale(.96)}.slide h2{color:#fff;text-shadow:0 0 12px #ff0064cc;margin-top:20px;font-size:1.8rem}.show{opacity:1}.hide{opacity:0}.dots{gap:10px;margin-top:20px;display:flex}.dots span{cursor:pointer;background:#777;border-radius:50%;width:10px;height:10px;transition:all .3s}.dots span.active{background:#ff4d6d;transform:scale(1.3)}.hearts span{opacity:.7;font-size:20px;animation:8s linear infinite floatUp;position:absolute;bottom:-20px}.hearts span:nth-child(odd){animation-duration:10s}.hearts span:nth-child(2n){animation-duration:7s}.hearts span:nth-child(n){left:calc(10% * var(--i))}.hearts span:first-child{left:10%}.hearts span:nth-child(2){left:20%}.hearts span:nth-child(3){left:30%}.hearts span:nth-child(4){left:40%}.hearts span:nth-child(5){left:50%}.hearts span:nth-child(6){left:60%}.hearts span:nth-child(7){left:70%}.hearts span:nth-child(8){left:80%}.hearts span:nth-child(9){left:90%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:1}to{opacity:0;transform:translateY(-110vh)scale(1.4)}}.navbar{background-color:#1e293b;padding:16px 28px}.nav-list{flex-direction:row;align-items:center;gap:24px;list-style:none;display:flex}.nav-item{color:#e5e7eb}.nav-item:hover{color:#38bdf8}.love-screen{background:radial-gradient(circle at top,#ffffff4d,#0000 30%),linear-gradient(135deg,#ffe7f1 0%,#ffd6e9 40%,#ffc7df 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}@keyframes glowMove{0%{transform:scale(1)}to{transform:scale(1.15)}}.center-content{z-index:10;text-align:center}.envelope-wrapper{cursor:pointer;justify-content:center;align-items:center;display:flex}.envelope{filter:drop-shadow(0 18px 30px #ff69b42e);width:240px;height:160px;position:relative}.envelope-body{background:#fffdf9;border:5px solid #d8a24b;border-radius:0 0 20px 20px;width:100%;height:100%;position:absolute;bottom:0}.envelope-top{clip-path:polygon(0 0,100% 0,50% 100%);z-index:2;background:#ffc7da;border:5px solid #d8a24b;width:100%;height:115px;position:absolute;top:0}.open-text{color:#ea7aa3;letter-spacing:3px;text-shadow:0 0 12px #ff69b440;margin-top:45px;font-family:cursive;font-size:56px;font-weight:700}.floating-hearts span:nth-child(11){font-size:20px;animation-duration:11s;left:86%}.floating-hearts span:nth-child(12){font-size:30px;animation-duration:15s;left:94%}@keyframes floatHeart{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-120vh)}}@media (max-width:1024px){.open-text{font-size:42px}.envelope{width:210px;height:145px}}@media (max-width:768px){.open-text{margin-top:35px;font-size:28px}.envelope{width:170px;height:115px}.envelope-top{height:85px}.pink-glow{width:350px;height:350px}.floating-hearts span{opacity:.8}}.gif-wrapper{border-radius:28px;width:260px;overflow:hidden}.cute-gif{object-fit:cover;border-radius:28px;width:100%;display:block}.apology-container{background:radial-gradient(circle at top,#fff6,#0000 30%),linear-gradient(135deg,#ffe6f0 0%,#ffd4e7 45%,#ffc3dd 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.floating-hearts span:nth-child(8){font-size:20px;animation-duration:10s;left:75%}.floating-hearts span:nth-child(9){font-size:25px;animation-duration:14s;left:85%}.floating-hearts span:nth-child(10){font-size:18px;animation-duration:11s;left:95%}.content-box{text-align:center;z-index:5;width:90%;max-width:550px}.gif-wrapper{width:220px;margin:auto auto 20px}.tenor-gif-embed{border-radius:24px;overflow:hidden}.content-box h1{color:#d55b88;text-shadow:0 0 10px #ff69b433;margin-bottom:30px;font-family:cursive;font-size:52px}.message-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:25px;margin-bottom:35px;padding:28px;box-shadow:0 10px 30px #ff69b426}.message-card p{color:#b15b78;font-size:28px;font-weight:600;line-height:1.5}.buttons{justify-content:center;gap:20px;display:flex}.back-btn{color:#c48ba0;cursor:pointer;background:#ffffffe6;border:none;border-radius:50px;padding:16px 32px;font-size:22px;font-weight:600;transition:all .3s}.back-btn:hover{transform:scale(1.05)}.back-btn:disabled{opacity:.4;cursor:not-allowed}.next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8eb4,#ff5c97);border:none;border-radius:50px;padding:16px 38px;font-size:22px;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #ff69b459}.next-btn:hover{transform:scale(1.08)}@media (max-width:768px){.content-box h1{font-size:34px}.message-card p{font-size:20px}.gif-wrapper{width:160px}.buttons{gap:12px}.back-btn,.next-btn{padding:14px 22px;font-size:18px}}.heart-screen-container{background:radial-gradient(circle at top,#fff6,#0000 30%),linear-gradient(135deg,#ffe6f0 0%,#ffd4e7 45%,#ffc3dd 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.heart-content{text-align:center;z-index:5;width:90%;max-width:650px;position:relative}.sad-cat-gif{object-fit:contain;filter:drop-shadow(0 10px 25px #ff69b433);width:240px;margin-bottom:10px}.main-title{color:#2d1a26;text-shadow:0 0 10px #ff69b41a;margin-bottom:10px;font-family:cursive;font-size:72px;font-weight:500}.subtitle{color:#6e5962;margin-bottom:40px;font-size:32px;font-weight:500}.heart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8eb4,#f63f7a);border:4px solid #fff;border-radius:60px;padding:22px 42px;font-size:30px;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #ff69b459,inset 0 2px 5px #fff6}.heart-btn:hover{transform:scale(1.05)}@media (max-width:768px){.sad-cat-gif{width:170px}.main-title{font-size:42px;line-height:1.2}.subtitle{margin-bottom:30px;font-size:22px}.heart-btn{padding:16px 28px;font-size:20px}}html,body,#root{width:100%;height:100%;font-family:Poppins,sans-serif;overflow:hidden}.virtual-letter-container{background:radial-gradient(circle at top,#fff6,#0000 30%),linear-gradient(135deg,#ffe6f0 0%,#ffd4e7 45%,#ffc3dd 100%);justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden auto}.floating-hearts span:nth-child(6){font-size:30px;animation-duration:15s;left:70%}.floating-hearts span:nth-child(7){font-size:18px;animation-duration:11s;left:85%}.virtual-letter-card{z-index:5;text-align:center;flex-direction:column;align-items:center;width:92%;max-width:900px;display:flex;position:relative}.virtual-heading{color:#d84b7f;text-shadow:0 0 10px #ff69b426;margin-bottom:30px;font-family:cursive;font-size:48px}.letter-box{background:#fdf6e8;border:3px solid #ead7a7;border-radius:28px;width:100%;max-width:850px;padding:45px 40px;box-shadow:0 10px 30px #ff69b41a}.virtual-letter-container::-webkit-scrollbar{width:8px}.virtual-letter-container::-webkit-scrollbar-thumb{background:#ff69b44d;border-radius:20px}.letter-content{flex-direction:column;align-items:center;display:flex}.letter-content p{color:#5f5148;text-align:center;max-width:95%;margin-bottom:12px;font-family:Brush Script MT,cursive;font-size:26px;line-height:1.5}.letter-gif{object-fit:contain;filter:drop-shadow(0 10px 20px #ff69b42e);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:18px;width:180px;margin-top:30px}.continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8eb4,#f63f7a);border:4px solid #fff;border-radius:60px;margin-top:30px;padding:18px 42px;font-size:28px;font-weight:700;box-shadow:0 10px 25px #ff69b459,inset 0 2px 5px #fff6}@media (max-width:768px){.virtual-heading{font-size:24px}.letter-box{min-height:auto;padding:28px 18px}.letter-content p{font-size:20px;line-height:1.5}.letter-gif{width:120px}.continue-btn{padding:14px 28px;font-size:18px}}button,div,img,a{-webkit-tap-highlight-color:transparent}.forgive-container{background:radial-gradient(circle at top,#fff6,#0000 30%),linear-gradient(135deg,#ffe6f0 0%,#ffd4e7 45%,#ffc3dd 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.pink-glow{filter:blur(120px);background:#ff69b42e;border-radius:50%;width:700px;height:700px;animation:5s ease-in-out infinite alternate glowMove;position:absolute}.floating-hearts span:first-child{font-size:20px;animation-duration:10s;left:5%}.floating-hearts span:nth-child(2){font-size:30px;animation-duration:13s;left:20%}.floating-hearts span:nth-child(3){font-size:24px;animation-duration:11s;left:40%}.floating-hearts span:nth-child(4){font-size:18px;animation-duration:15s;left:60%}.floating-hearts span:nth-child(5){font-size:26px;animation-duration:12s;left:80%}.forgive-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:5;background:#ffffffb8;border-radius:35px;width:92%;max-width:650px;padding:40px 30px;position:relative;box-shadow:0 10px 30px #ff69b426}.forgive-title{color:#c93d70;margin-bottom:30px;font-family:cursive;font-size:48px}.sorry-gif{object-fit:contain;width:220px;margin-bottom:30px}.progress-wrapper{background:#ffd8e4;border-radius:30px;width:100%;height:24px;margin-bottom:25px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#ff8eb4,#f63f7a);border-radius:30px;height:100%}.percentage-text{color:#c52d67;margin-bottom:15px;font-size:42px;font-weight:700}.tap-text{color:#c93d70;margin-bottom:30px;font-family:cursive;font-size:28px}.heart-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ff8eb4,#ff4d88);border:none;border-radius:50%;outline:none;width:120px;height:120px;font-size:56px;transition:all .3s;box-shadow:0 10px 30px #ff69b459,inset 0 2px 5px #ffffff4d}.done-text{color:#d33672;margin-top:10px;font-family:cursive;font-size:30px;font-weight:700}.forgiven-section{flex-direction:column;align-items:center;gap:18px;display:flex}.continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8eb4,#f63f7a);border:none;border-radius:50px;padding:14px 34px;font-size:22px;font-weight:700;box-shadow:0 10px 25px #ff69b44d,inset 0 2px 5px #ffffff4d}@media (max-width:768px){.forgive-title{font-size:30px}.sorry-gif{width:160px}.percentage-text{font-size:28px}.tap-text{font-size:20px}.heart-button{width:90px;height:90px;font-size:42px}.done-text{font-size:20px}}.peace-container{background:radial-gradient(circle at top,#fff6,#0000 30%),linear-gradient(135deg,#ffe6f0 0%,#ffd4e7 45%,#ffc3dd 100%);justify-content:center;width:100vw;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow-y:auto}.peace-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:5;background:#ffffffb8;border-radius:35px;width:100%;max-width:750px;margin-bottom:40px;padding:45px 25px 70px;position:relative;box-shadow:0 10px 30px #ff69b41f}.memory-grid{flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:45px;display:flex}.memory-img{object-fit:cover;border:10px solid #fff;border-radius:28px;width:210px;height:210px;box-shadow:0 10px 25px #00000014,0 0 12px #ffb6c159}.rotate-left{transform:rotate(-5deg)}.rotate-right{transform:rotate(5deg)}.center-img{margin-top:-10px}.peace-card h1{color:#d63b76;margin-bottom:10px;font-family:cursive;font-size:58px}.peace-card h2{color:#f3a8c2;margin-bottom:30px;font-size:36px;font-style:italic}.peace-card p{color:#4d4047;margin-bottom:25px;font-size:34px;line-height:1.5}.hearts-row{font-size:42px}@media (max-width:768px){.peace-container{padding:30px 16px 80px}.peace-card{padding:35px 18px 50px}.memory-grid{gap:14px;margin-bottom:35px}.memory-img{border:7px solid #fff;width:165px;height:165px}.peace-card h1{font-size:42px;line-height:1.15}.peace-card h2{margin-bottom:24px;font-size:24px}.peace-card p{font-size:22px;line-height:1.55}.hearts-row{font-size:32px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;overflow:hidden auto}.bribe-container{-webkit-overflow-scrolling:touch;background:radial-gradient(circle at top,#fff6,#0000 30%),linear-gradient(135deg,#ffe6f0 0%,#ffd4e7 45%,#ffc3dd 100%);justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:40px 20px 140px;display:flex;position:relative;overflow:hidden scroll}.pink-glow{filter:blur(120px);background:#ff69b42e;border-radius:50%;width:700px;height:700px;position:absolute}.floating-hearts{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-hearts span{color:#ff69b459;animation:linear infinite floatHeart;position:absolute;bottom:-100px}.floating-hearts span:first-child{animation-duration:10s;left:10%}.floating-hearts span:nth-child(2){animation-duration:14s;left:30%}.floating-hearts span:nth-child(3){animation-duration:12s;left:50%}.floating-hearts span:nth-child(4){animation-duration:15s;left:70%}.floating-hearts span:nth-child(5){animation-duration:11s;left:90%}.bribe-content{z-index:5;width:100%;max-width:700px;position:relative}.bribe-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffbf;border-radius:30px;margin-bottom:25px;padding:35px 25px;box-shadow:0 10px 30px #ff69b41f}.bribe-image{object-fit:contain;width:120px;height:120px;margin-bottom:18px}.bribe-card h2{color:#d93f79;margin-bottom:14px;font-family:cursive;font-size:38px}.bribe-card p{color:#6f5d66;font-size:24px;line-height:1.5}.bribe-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8eb4,#f63f7a);border:4px solid #fff;border-radius:60px;width:100%;margin-top:10px;padding:22px;font-size:30px;font-weight:800;box-shadow:0 10px 25px #ff69b459,inset 0 2px 5px #ffffff4d}.bribe-container::-webkit-scrollbar{width:6px}.bribe-container::-webkit-scrollbar-thumb{background:#ff69b459;border-radius:20px}@media (max-width:768px){.bribe-card h2{font-size:24px}.bribe-card p{font-size:18px}.bribe-image{width:90px;height:90px}.bribe-btn{padding:18px;font-size:22px}.bribe-container{align-items:flex-start;padding-bottom:140px}}