body,html{margin:0;padding:0;overflow-x:hidden;font-family:Arial,sans-serif;background-color:#552300}body{display:flex;justify-content:center;align-items:center}.invitation{display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;height:844px;width:390px;margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/wedding-back-3JYTAf5N.png);background-size:cover;background-position:center}.invitation2{display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;height:844px;width:390px;margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/wedding-back-3JYTAf5N.png);background-size:cover;background-position:center}.invitation5{display:flex;flex-direction:column;align-items:center;justify-content:center;height:1100px;width:390px;margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/wedding-back-3JYTAf5N.png);background-size:cover;background-position:center}.invitation7{display:flex;flex-direction:column;align-items:center;justify-content:center;height:1300px;width:390px;margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/wedding-back-3JYTAf5N.png);background-size:cover;background-position:center}.invitation9{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;width:390px;margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/wedding-back-3JYTAf5N.png);background-size:cover;background-position:center}.page4{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;width:390px;margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/wedding-back-3JYTAf5N.png);background-size:cover;background-position:center}.page11{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;width:390px;margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/wedding-back-3JYTAf5N.png);background-size:cover;background-position:center}.imgbox{display:inline-block;padding-bottom:20px}.imgboxx{display:inline-block}.image{width:auto;height:400px;display:block;margin:0 auto}.image3{width:auto;height:350px;display:block;margin:0 auto}.image5{width:auto;height:300px;display:block;margin:0 auto}.innersampul{display:flex;flex-direction:column;align-items:center;justify-content:center;height:85%;width:70%;padding:20px 20px 200px}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:70px}.inner4{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.inner5{display:flex;flex-direction:column;align-items:center;justify-content:center;height:85%;width:70%;padding:20px}.inner7{display:flex;flex-direction:column;align-items:center;justify-content:start;height:95%;width:90%;padding:20px}.inner71{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;height:20%;width:100%;padding:20px}.inner .imgbox .image{margin-bottom:-20px}.inner1{display:flex;flex-direction:column;align-items:center;justify-content:center}.gap{padding-top:50px}@media (width: 300px){.header h1{font-size:1.5em}.details h2{font-size:1.2em}.details p{font-size:.9em}}button{padding:10px 20px;font-size:16px;color:#552300;background-color:#ffbe89f5;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#ff4c4c}.page-transition{opacity:0;animation:fadeIn 5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.inner h1{font-size:.9em;text-align:center;color:#552300;margin:0}.h1sampul{font-size:.9em;font-weight:400;text-align:center;color:#ffbe89f5;margin:0}.p{font-size:11pt;font-weight:700;color:#361600;margin:0;animation:slideUpFadeIn .5s ease forwards}.par{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-size:11pt;font-weight:400;color:#361600;margin:0;padding-right:30px;padding-left:30px;text-align:center;animation:slideUpFadeIn .5s ease forwards}.phandwritten{font-family:Mrs Saint Delafield,serif;font-weight:400;font-style:normal;font-size:22pt;color:#7a3b11;margin:0;text-align:center}.ppage4{font-family:Poppins,serif;font-weight:600;font-size:12pt;color:#7a3b11;margin:0;text-align:center}.date{font-family:Abril Fatface,serif;font-weight:400;font-style:normal;font-size:19pt;color:#7a3b11;margin:0;text-align:center}.datee{font-family:Abril Fatface,serif;font-weight:400;font-style:normal;font-size:15pt;color:#7a3b11;margin:0;text-align:center}.java{font-family:Java,serif;font-size:22pt;color:#7a3b11;margin:0;text-align:center}@font-face{font-family:Java;src:url(/assets/JavaCalligraphy-w1Pw6-l0qAsqG-.ttf);font-weight:400;font-style:normal}.name{font-family:Libre Baskerville,serif;font-weight:400;font-style:normal;font-size:33pt;margin:0;color:#552300}.namepengantin{font-family:Crimson Text,serif;font-weight:700;font-style:normal;font-size:16pt;text-align:center;margin:0;color:#552300}.namesampul{font-family:Libre Baskerville,serif;font-weight:400;font-style:normal;font-size:2.5em;margin:0;color:#ffbe89f5}.details h2{font-size:1.5em;margin-bottom:10px}.details p{color:#8b4513}.lovestory{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:.8em;color:#ffc697f5;text-align:left;margin:0 0 20px}.namatamu{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:1em;color:#ffc697f5;text-align:center;margin:0}.namatamubold{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1em;color:#ffc697f5;text-align:center;margin:0}.lovestorytitle{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:.8em;color:#ffbe89f5;text-align:left;margin:0}.nomorkartu{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:1.5em;color:#fff;text-align:left;margin:0}.vignette{position:absolute;bottom:0;width:auto;height:23.5%;pointer-events:none;z-index:2}.vignette2,.vignette3{width:auto;height:auto}.imagee{width:auto;height:auto;margin:0 auto}.imagee2{width:auto;height:20%;margin:0 auto 0 20px;position:absolute;bottom:0;left:0;pointer-events:none;z-index:2}.imagee3{position:absolute;bottom:0;right:0;width:auto;height:20%;margin-right:20px;pointer-events:none;z-index:2}.countdown-timer{display:flex;justify-content:center;align-items:center;font-family:Poppins,serif;font-weight:600;font-size:12px;color:#7a3b11}.countdown-block{display:flex;flex-direction:column;align-items:center;margin:0 5px}.countdown-number{font-family:Poppins,serif;font-weight:600;font-size:24px;font-weight:700;margin-bottom:10px}.countdown-label{text-transform:uppercase;letter-spacing:1px}.floating-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#86430c;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;transition:background-color .3s;z-index:1000}.floating-button:hover{background-color:#86430c}.button-icon{width:30px;height:30px}.no-scroll{overflow:hidden;height:100vh;position:fixed;width:100%}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .3s ease-in-out;z-index:100}.modal-content{background-color:#fff;width:100%;max-width:600px;border-radius:10px 10px 0 0;box-shadow:0 -2px 10px #0000001a;transform:translateY(100%);animation:slideUp .3s ease-in-out forwards}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.scrollable-content{max-height:50vh;overflow-y:auto;padding:20px}.card{align-items:start;justify-content:center;border:1px solid #ddd;background-color:#ae7122;border-radius:5px;padding:20px;margin-bottom:15px;display:flex;flex-direction:column}.card img{margin-bottom:10px}.card p{margin:5px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.congratulations-box{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;background:#fff}.message-form{margin-bottom:20px}.message-form h2{font-family:Java,serif;color:#7a3b11;margin-bottom:15px}.message-form input,.message-form textarea{width:90%;margin-bottom:10px;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.message-form textarea{height:100px;resize:vertical}.message-form button{padding:10px 20px;background-color:#552300;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.message-form button:hover{background-color:#45a049}.messages-container{max-height:500px;overflow-y:auto;padding:10px}.message-bubble{margin-bottom:20px;padding:15px;background-color:#552300;border-radius:12px;box-shadow:0 1px 2px #0000001a}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-header strong{color:#ffbe89f5;font-size:14px}.timestamp{color:#ffbe89f5;font-size:12px}.message-bubble p{margin:0;color:#ffddc1f5;line-height:1.5;font-size:14px}.loading,.no-more{text-align:center;padding:10px;color:#718096;font-size:14px}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}