.app{align-items:center;display:flex;font-family:Inter,Segoe UI,sans-serif;font-weight:400;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hearts-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.heart{animation:float 6s ease-in-out infinite;font-size:20px;opacity:.7;position:absolute}.heart-0{animation-delay:0s;left:10%;top:10%}.heart-1{animation-delay:1s;left:80%;top:20%}.heart-2{animation-delay:2s;left:20%;top:60%}.heart-3{animation-delay:3s;left:70%;top:80%}.heart-4{animation-delay:4s;left:60%;top:30%}.heart-5{animation-delay:.5s;left:90%;top:70%}.heart-6{animation-delay:1.5s;left:5%;top:40%}.heart-7{animation-delay:2.5s;left:40%;top:90%}.heart-8{animation-delay:3.5s;left:45%;top:15%}.heart-9{animation-delay:4.5s;left:85%;top:55%}.heart-10{animation-delay:.8s;left:25%;top:25%}.heart-11{animation-delay:1.8s;left:15%;top:75%}.heart-12{animation-delay:2.8s;left:75%;top:35%}.heart-13{animation-delay:3.8s;left:55%;top:85%}.heart-14{animation-delay:4.8s;left:35%;top:45%}.heart-15{animation-delay:.3s;left:65%;top:65%}.heart-16{animation-delay:1.3s;left:95%;top:5%}.heart-17{animation-delay:2.3s;left:25%;top:95%}.heart-18{animation-delay:3.3s;left:50%;top:50%}.heart-19{animation-delay:4.3s;left:72%;top:12%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #ffb6c14d;margin:20px;max-width:500px;padding:40px;text-align:center}h1,h2{color:#d63384;font-family:Inter,sans-serif;font-weight:500;margin-bottom:30px;text-shadow:2px 2px 4px #ffb6c14d}h1{font-size:2.5em}h2{font-size:2em}.input-group{display:flex;flex-direction:column;gap:15px}input{background:#fff0f5cc;border:2px solid #ffb6c1;border-radius:25px;font-size:16px;padding:15px;text-align:center;transition:all .3s ease}input:focus{border-color:#ff69b4;box-shadow:0 0 10px #ff69b44d;outline:none}button{background:linear-gradient(45deg,#ff69b4,#ff1493);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:600;padding:15px 30px;text-shadow:1px 1px 2px #0003;transition:all .3s ease}button:hover{box-shadow:0 5px 15px #ff69b466;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.story-text{color:#8b4b8c;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6;margin:30px 0}.button-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.yes-btn{background:linear-gradient(45deg,#90ee90,#98fb98);min-width:120px}.no-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52);font-size:14px;min-width:80px;position:relative;transition:all .3s ease}.no-btn.moving{animation:moveAround 6s infinite;position:absolute}.no-btn.moving-fast{animation:moveAroundFast 8s infinite;position:absolute}@keyframes moveAround{0%{transform:translate(0)}25%{transform:translate(100px,-50px)}50%{transform:translate(-80px,-80px)}75%{transform:translate(-100px,50px)}to{transform:translate(0)}}@keyframes moveAroundFast{0%{transform:translate(0)}20%{transform:translate(120px,-60px)}40%{transform:translate(-100px,-100px)}60%{transform:translate(-120px,60px)}80%{transform:translate(80px,80px)}to{transform:translate(0)}}.hidden{display:none!important}.certificate-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;max-width:1000px;min-height:100vh;overflow-y:auto;padding:20px}.certificate{aspect-ratio:210/297;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:900px;min-height:70vh;padding:20px;width:100%}.certificate-border{background:linear-gradient(135deg,#fefefe,#f8f9fa);border:8px solid #d4af37;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:30px}.certificate-content{text-align:center}.certificate-icon{margin-bottom:20px}.certificate-icon img{border-radius:50%;height:200px;width:200px}.certificate-title{color:#d4af37;font-family:Brush Script MT,Lucida Handwriting,cursive;font-size:3em;margin:20px 0;text-shadow:2px 2px 4px #d4af374d}.certificate-text{color:#333;font-family:Times New Roman,serif;font-size:18px;line-height:1.6;margin:30px 0}.certificate-text p{margin:10px 0}.certificate-text strong{color:#d4af37;font-weight:700}.signatures{display:flex;gap:40px;justify-content:space-around;margin-top:50px}.signature-section{flex:1 1;text-align:center}.signature-line{color:#d4af37;font-size:24px;letter-spacing:1px;margin-bottom:10px;transform:rotate(0deg)}.signature-label,.signature-line{font-family:Brush Script MT,cursive}.signature-label{color:#333;font-size:20px;margin:5px 0;position:relative}.signature-label:after{bottom:-15px;color:#666;content:"~~~~~~~~~~~~~~~~~~~";font-size:18px;left:50%;letter-spacing:2px;position:absolute;transform:translateX(-50%)}.signature-section small{color:#666;font-size:12px;letter-spacing:1px;text-transform:uppercase}.certificate-stamp{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-15deg);z-index:1}.stamp{background:#ff69b41a;border:4px dashed #ff69b4;border-radius:50%;height:120px;position:relative;width:120px}.stamp,.stamp-inner{align-items:center;display:flex;justify-content:center}.stamp-inner{background:#fffc;border:2px solid #ff69b4;border-radius:50%;height:100px;width:100px}.stamp-text{color:#ff69b4;font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1.2;text-align:center;text-transform:uppercase}.stamp-text div:nth-child(2){font-size:14px;margin:2px 0}.certificate-content{position:relative}.download-btn{background:linear-gradient(45deg,#d4af37,#f4d03f);border:none;border-radius:25px;box-shadow:0 4px 15px #d4af374d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:30px;padding:12px 25px}@media print{@page{size:A4;margin:.75in}body *{visibility:hidden}.certificate,.certificate *{visibility:visible}.certificate{height:auto;left:0;margin:0 auto;max-width:6.5in;page-break-inside:avoid;position:absolute;top:0;width:90%}.certificate-border{border-width:4px;padding:20px}.certificate-page{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.download-btn,.hearts-bg{display:none}.certificate-title{font-size:2.5em}.certificate-text{font-size:16px}}.letter-page{background:linear-gradient(135deg,#fff8f0,#ffeef8);max-height:80vh;max-width:700px;overflow-y:auto}.envelope{max-width:600px}.letter-title{font-size:2.5em;margin-bottom:30px;text-shadow:2px 2px 4px #ffb6c14d}.letter-text p{margin-bottom:20px;text-indent:20px}.letter-text strong{color:#d63384;font-weight:700}.letter-text em{color:#8b4b8c;font-size:18px;font-style:italic}.letter-section{background:#ffb6c11a;border-left:4px solid #ffb6c1;border-radius:5px;margin-top:30px;padding:20px}.letter-section h3{color:#d63384;font-family:Brush Script MT,cursive;font-size:1.8em;margin-bottom:15px;text-align:center}.letter-salutation{color:#d63384;font-family:Dancing Script,cursive;font-size:1.5em;font-weight:700;margin-bottom:20px;margin-top:30px;text-align:center;text-shadow:1px 1px 2px #ffb6c14d}.continue-btn{font-size:18px;margin-top:30px;padding:15px 40px}.letter-page{max-width:600px}.envelope{background:#f4f1de;border-radius:10px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:500px;min-height:400px;overflow:hidden;position:relative;width:100%}.drag-instruction{color:#8b4b8c;font-size:16px;font-weight:500;padding:20px;text-align:center}.envelope-string{cursor:grab;font-size:24px;left:50%;position:absolute;top:20px;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:10}.envelope-string:active{cursor:grabbing}.envelope-flap{background:linear-gradient(135deg,#e07a5f,#d4a574);height:60px;left:0;position:absolute;right:0;top:0;transform-origin:top;z-index:2}.letter-content{background:#fefefe;color:#5d4e75;font-family:Georgia,serif;line-height:1.8;min-height:300px;padding:80px 40px 40px}.letter-title{color:#d63384;font-family:Brush Script MT,cursive;font-size:2em;margin-bottom:20px;text-align:center}.letter-text{font-size:16px;text-align:left}.letter-text p{margin-bottom:15px}.continue-btn{background:linear-gradient(45deg,#ff69b4,#ff1493);border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin-left:auto;margin-right:auto;margin-top:20px;padding:12px 30px}@media (max-width:600px){.page{margin:10px;padding:20px}h1{font-size:2em}h2{font-size:1.5em}.button-container{flex-direction:column}.letter-content{padding:60px 20px 20px}.letter-title{font-size:2em}.letter-text{font-size:14px}.certificate-page{min-height:auto;padding:10px}.certificate{aspect-ratio:auto;height:auto;padding:20px}.certificate-border{height:auto;padding:15px}.certificate-title{font-size:2em}.certificate-text{font-size:16px}.certificate-icon img{height:120px;width:120px}.signatures{flex-direction:column;gap:20px}.signature-line{font-size:20px}.signature-label{font-size:16px}.download-btn{font-size:14px;padding:10px 20px}}@media (min-width:601px){.certificate-page{overflow-y:visible}.certificate{min-height:auto;padding:60px}.certificate-border{overflow:visible;padding:50px}.certificate-title{font-size:3em}.certificate-text{font-size:18px}.certificate-icon img{height:200px;width:200px}.signature-line{font-size:24px}.signature-label{font-size:20px}.download-btn{font-size:16px;padding:12px 25px}}
/*# sourceMappingURL=main.e231b83a.css.map*/