body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-container{margin:0 auto;max-width:900px;overflow-x:hidden;padding:40px 20px}.hero-section{animation:fadeInUp 1s ease-out;margin-bottom:80px;padding:60px 20px;text-align:center}.hero-section h1{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(45deg,#ff9a9e,#fecfef);-webkit-background-clip:text;color:#ff4081;font-family:Playfair Display,serif;font-size:4rem;line-height:1.2;margin-bottom:15px}.hero-section p{color:#666;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.timeline{margin:60px 0;padding-bottom:40px;position:relative}.timeline:after{background:#e0e0e0;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.timeline-item{animation:fadeInUp ease-both .8s;box-sizing:border-box;padding:20px 50px;position:relative;width:50%}.timeline-item:nth-child(odd){animation-delay:.2s}.timeline-item:nth-child(2n){animation-delay:.4s}.left{left:0;text-align:right}.right{left:50%;text-align:left}.timeline-item:after{align-items:center;background-color:#ff9a9e;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ff9a9e;color:#fff;content:"♥";display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:-15px;top:20px;width:30px;z-index:2}.right:after{left:-15px}.timeline-content{background:#fff;border:1px solid #ffffff80;border-radius:15px;box-shadow:0 10px 30px #00000014;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{box-shadow:0 15px 40px #ff408126;transform:translateY(-5px)}.left .timeline-content:before{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:10px 0 10px 10px;content:" ";position:absolute;right:-10px;top:26px}.right .timeline-content:before{border-color:#0000 #fff #0000 #0000;border-style:solid;border-width:10px 10px 10px 0;content:" ";left:-10px;position:absolute;top:26px}.memory-img{border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-top:15px;transition:transform .3s ease;width:100%}.memory-img:hover{transform:scale(1.02)}.timeline-content h3{color:#333;font-family:Playfair Display,serif;font-size:1.5rem;margin:15px 0 10px}.timeline-content p{color:#666;font-size:.95rem;line-height:1.6}.date-badge{background:#fce4ec;border-radius:20px;color:#c2185b;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:6px 14px;text-transform:uppercase}.footer-message{color:#888;font-family:Playfair Display,serif;font-size:2rem;margin-bottom:40px;margin-top:80px;text-align:center}@media screen and (max-width:768px){.hero-section h1{font-size:2.5rem}.timeline:after{left:30px}.timeline-item{padding-left:70px;padding-right:15px;width:100%}.timeline-item:after{left:15px}.left,.right{left:0;text-align:left}.left .timeline-content:before,.right .timeline-content:before{border-color:#0000 #fff #0000 #0000;border-width:10px 10px 10px 0;left:-10px}}.admin-container{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:sans-serif;margin:50px auto;max-width:500px;padding:20px}.upload-form{display:flex;flex-direction:column;gap:15px}button,input,textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}button{background-color:#ff4081;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px}button:disabled{background-color:#ccc}progress{height:20px;width:100%}.guestbook-container{margin:0 auto;max-width:1100px;min-height:100vh;padding:60px 20px}.guestbook-header{margin-bottom:50px;text-align:center}.header-icon{animation:pulse 2s infinite;display:block;font-size:2.5rem;margin-bottom:10px}.guestbook-header h1{color:#ad1457;font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,3.5rem);margin:0}.write-layout{align-items:flex-start;animation:fadeIn 1s ease-out;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.premium-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff9;border-radius:25px;box-shadow:0 15px 35px #ad14571a;max-width:450px;padding:40px;width:100%}.form-group label{color:#ad1457;display:block;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.premium-form input,.premium-form textarea{background:#fdfdfd;border:1px solid #eee;border-radius:12px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;padding:14px;transition:all .3s;width:100%}.premium-form input:focus,.premium-form textarea:focus{border-color:#ff4081;box-shadow:0 0 0 4px #ff40811a;outline:none}.submit-btn{background:linear-gradient(45deg,#ff4081,#ff80ab);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:15px;padding:16px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 8px 20px #ff40814d;transform:translateY(-3px)}.preview-section{max-width:350px;width:100%}.preview-section h3{color:#ad1457;font-family:Playfair Display,serif;margin-bottom:15px;opacity:.6;text-align:center}.preview-card{animation:none!important;background:#fff!important;border:2px dashed #ad145733!important;opacity:1!important;transform:scale(1.05)}.messages-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.message-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 8px 20px #ad14570d;padding:30px;position:relative;transition:all .4s ease}.message-card:hover{background:#fff;transform:translateY(-10px)}.message-text{color:#444;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:20px}.message-author{color:#ad1457;font-family:Playfair Display,serif;font-size:1.2rem;margin:0;text-align:right}.success-message{padding:100px 20px;text-align:center}.success-icon{font-size:5rem;margin-bottom:20px}@media (max-width:768px){.preview-section{display:none}.write-layout{flex-direction:column}}.trivia-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:80vh;padding:40px 20px}.trivia-card{background:#fff;border:1px solid #ff408133;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px;position:relative;text-align:center}.start-screen h1{color:#e91e63;font-family:Playfair Display,serif;margin-bottom:10px}.name-input{border:1px solid #ccc;border-radius:10px;font-size:1.1rem;margin:20px 0;padding:12px;text-align:center;width:80%}.restart-btn,.start-btn{background:#ff4081;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:transform .2s}.start-btn:hover{box-shadow:0 5px 15px #ff408166;transform:scale(1.05)}.question-count{color:#888;font-size:.9rem;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.question-text{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:30px}.answer-section{display:flex;flex-direction:column;gap:15px}.answer-btn{background:#f8f9fa;border:2px solid #eee;border-radius:15px;color:#555;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.1rem;padding:15px;transition:all .2s}.answer-btn:hover{background:#fff0f5;border-color:#ff4081;color:#ff4081}.big-score{color:#e91e63;font-family:Playfair Display,serif;font-size:4rem;font-weight:700}.leaderboard-mini,.leaderboard-section{background:snow;border-radius:15px;margin-top:30px;padding:20px}.leader-row{border-bottom:1px solid #eee;display:flex;font-size:1rem;justify-content:space-between;padding:8px 0}.highlight{color:#e91e63;font-weight:700}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.reasons-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.reasons-wrapper{max-width:600px;text-align:center;width:100%}.reasons-header{color:#d81b60;font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:30px}.reason-card{align-items:center;background:#fff;border:1px solid #fffc;border-radius:20px;box-shadow:0 15px 35px #e91e6326;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px;position:relative}.fade-next{animation:fadeInRight .5s ease-out}.fade-prev{animation:fadeInLeft .5s ease-out}.card-number{color:#999;font-size:.9rem;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.reason-text{color:#333;font-family:Playfair Display,serif;font-size:1.8rem;font-style:italic;line-height:1.4;margin:0}.heart-icon{animation:beat 2s infinite;font-size:1.5rem;margin-top:20px}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.controls{align-items:center;display:flex;justify-content:space-between;margin-top:30px;padding:0 10px}.nav-btn{background:#fff;border:2px solid #ff4081;border-radius:30px;color:#ff4081;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;padding:10px 20px;transition:all .2s}.nav-btn:hover:not(:disabled){background:#ff4081;color:#fff;transform:translateY(-2px)}.nav-btn:disabled{border-color:#ddd;color:#ccc;cursor:default}.progress-dots{color:#666;font-weight:600}.final-note{animation:fadeInRight 1s ease;color:#e91e63;font-style:italic;margin-top:20px}@media (max-width:600px){.reason-text{font-size:1.4rem}.reasons-header{font-size:2rem}.reason-card{padding:30px 20px}}.gift-overlay{align-items:center;animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#ff9a9e,#fecfef,#fe9a9e,#f7bb97);background-size:400% 400%;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);width:100vw;z-index:9999}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gift-overlay.fade-out{opacity:0;pointer-events:none}.gift-container{cursor:pointer;text-align:center;z-index:10}.countdown-section{animation:fadeIn 1.5s ease;color:#880e4f;padding:20px}.countdown-title{color:#ad1457;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:30px;text-shadow:0 2px 10px #ffffff80}.timer{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.time-block{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #fffc;border-radius:18px;box-shadow:0 10px 25px #ad14571a;color:#ad1457;font-weight:600;min-width:85px;padding:20px 10px;transition:transform .3s ease}.time-block span{color:#ad1457;display:block;font-size:2.2rem;font-weight:800}.pulse{animation:heartBeat 2s ease-in-out infinite}@keyframes heartBeat{0%{transform:scale(1)}5%{transform:scale(1.08)}10%{transform:scale(1)}15%{transform:scale(1.08)}20%{transform:scale(1)}to{transform:scale(1)}}.countdown-note{color:#c2185b;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin-top:40px}.gift-box{animation:bounce 2s ease-in-out infinite;height:180px;margin:0 auto;position:relative;transform-style:preserve-3d;width:180px}.gift-body{background-color:#e91e63;border-radius:0 0 12px 12px;bottom:0;box-shadow:inset 0 -10px 20px #0000001a,0 15px 30px #ad145733;height:140px;position:absolute;width:180px}.gift-body:after{background:linear-gradient(90deg,#fff,#f0f0f0,#fff);box-shadow:0 0 10px #0000000d;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:35px}.gift-lid{background-color:#d81b60;border-radius:8px;box-shadow:0 5px 15px #0000001a;height:45px;left:-10px;position:absolute;top:-5px;transition:all .7s cubic-bezier(.68,-.55,.265,1.55);width:200px;z-index:2}.gift-lid:after{background:#fff;content:"";height:100%;width:35px}.gift-bow,.gift-lid:after{left:50%;position:absolute;transform:translateX(-50%)}.gift-bow{top:-30px;z-index:3}.gift-bow:after,.gift-bow:before{border:8px solid #fff;border-radius:50% 50% 0 50%;content:"";display:inline-block;height:45px;margin:0 -5px;transform:rotate(45deg);width:45px}.gift-bow:after{border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.gift-box.open .gift-lid{opacity:0;transform:translateY(-150px) rotate(-30deg) scale(.8)}.click-text{animation:fadeIn 2s ease;color:#ad1457;font-family:Playfair Display,serif;margin-top:60px}.click-text h1{font-size:2.8rem;margin-bottom:5px}.hide-text{opacity:0;transition:opacity .5s}.hearts-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-heart{animation:floatUp var(--duration) linear infinite;bottom:-50px;color:#ad14574d;font-size:20px;opacity:0;position:absolute;-webkit-user-select:none;user-select:none}.floating-heart:first-child{--duration:15s;animation-delay:0s;left:10%}.floating-heart:nth-child(2){--duration:18s;animation-delay:2s;left:25%}.floating-heart:nth-child(3){--duration:12s;animation-delay:4s;left:40%}.floating-heart:nth-child(4){--duration:20s;animation-delay:1s;left:55%}.floating-heart:nth-child(5){--duration:16s;animation-delay:6s;left:70%}.floating-heart:nth-child(6){--duration:14s;animation-delay:3s;left:85%}.floating-heart:nth-child(7){--duration:19s;animation-delay:8s;left:15%}.floating-heart:nth-child(8){--duration:13s;animation-delay:5s;left:50%}.floating-heart:nth-child(9){--duration:17s;animation-delay:7s;left:80%}.floating-heart:nth-child(10){--duration:15s;animation-delay:9s;left:35%}@keyframes floatUp{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-110vh) rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vault-container{margin:0 auto;max-width:900px;padding:60px 20px;text-align:center}.vault-header h1{color:#ad1457;font-family:Playfair Display,serif;font-size:3rem;margin-bottom:10px}.envelope-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.envelope-item{background:#fff;border:1px solid #ad14571a;border-radius:20px;box-shadow:0 10px 20px #ad14570d;cursor:pointer;padding:30px;transition:all .3s ease}.envelope-item:hover{background:#fff5f8;border-color:#ff4081;transform:translateY(-10px)}.envelope-icon{font-size:3rem;margin-bottom:15px}.envelope-item h3{color:#880e4f;font-family:Poppins,sans-serif;font-size:1.1rem}.vault-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.vault-modal-content{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:30px;max-width:500px;padding:40px;position:relative;text-align:center;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-vault{background:none;border:none;color:#ccc;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:20px}.modal-emoji{font-size:4rem;margin-bottom:20px}.modal-text{color:#444;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.6}.modal-img{border-radius:15px;margin-top:20px;width:100%}body{background:linear-gradient(135deg,#fff0f3,#fff5f7);background-attachment:fixed;color:#444;font-family:Poppins,sans-serif;margin:0;padding:0}.App{box-sizing:border-box}@media (max-width:767px){.App{padding-bottom:90px!important}}.navbar{display:flex;pointer-events:none;position:fixed;z-index:1000}@media (min-width:768px){.navbar{flex-direction:column;right:30px;top:50%;transform:translateY(-50%)}.nav-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #fff9;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px 10px;pointer-events:auto}.nav-item{border-radius:12px;color:#666;font-size:1rem;font-weight:600;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap;writing-mode:horizontal-tb}.nav-item.active{background-color:#ff4081;box-shadow:0 5px 15px #ff40814d;color:#fff;transform:scale(1.05)}.nav-item:hover{background-color:#fff0f5;color:#ff4081}}@media (max-width:767px){.navbar{bottom:0;justify-content:center;left:0;right:0;width:100%}.nav-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-radius:0;border-top:1px solid #ad145714;box-shadow:0 -4px 20px #00000014;gap:0;justify-content:space-around;padding:8px 4px;pointer-events:auto;width:100%}.nav-container,.nav-item{align-items:center;display:flex}.nav-item{border-radius:10px;color:#666;flex:1 1;flex-direction:column;font-size:.65rem;font-weight:500;gap:3px;justify-content:center;padding:6px 0;text-align:center;text-decoration:none;white-space:nowrap}.nav-item:first-line{font-size:1.15rem}.nav-item.active{background-color:initial;color:#ff4081;font-weight:700}}
/*# sourceMappingURL=main.e94a1a21.css.map*/