@import"https://fonts.googleapis.com/css2?family=Dangrek&family=Moulpali&display=swap";*{padding:0;margin:0}.font-kh-title{font-family:Moulpali,sans-serif;font-weight:400;font-style:normal}.font-kh-p{font-family:Dangrek,sans-serif;font-weight:400;font-style:normal;line-height:2}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;scroll-behavior:smooth}.text-center{text-align:center}.container>.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.img-3d{border-radius:1rem;border:2px solid #643916}.countdown__item{border-radius:1rem;padding:.5rem;background:#c3c2c2;color:#fff;text-align:center;flex:1;font-size:1.28rem}.countdown__item span{font-size:.8rem}.date-wedding p span{font-size:1.4rem;color:gold;text-shadow:1px 1px 1px #333}footer{border-radius:1rem;background-color:#24242465;padding:1rem;text-align:center}.border-style{border:4px solid #643916}.bg-style{background-size:8rem;background-color:#d6b045;background-image:url(/assets/images/bg-pattern.png)}.container-qr-code{width:100%;border-radius:1rem;display:flex;justify-content:center;flex-direction:column;align-items:center}.container-qr-code img{border-radius:1rem;width:10rem;height:10rem}.effects-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.flare{position:absolute;bottom:-20px;background:radial-gradient(circle,#fff 0%,#ffd700 40%,transparent 70%);border-radius:50%;opacity:.8}.heart{position:absolute;bottom:-20px;font-size:1.2em;opacity:.9;text-shadow:0 0 6px #ff69b4}.petal{position:absolute;top:-20px;font-size:1.5em;opacity:.9}.music-toggle{position:fixed;top:20px;right:20px;z-index:100;border-radius:50%;width:50px;height:50px;font-size:1.5em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.starsnow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.starsnow{position:absolute;top:-20px;background:radial-gradient(circle,#fff 0%,#ffe87f 50%,transparent 70%);border-radius:50%;box-shadow:0 0 6px #fff,0 0 12px #ffe87f,0 0 20px #ffe87f}.starshooter-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.stars{width:1px;height:1px;position:absolute;background:#fff;box-shadow:2vw 5vh 2px #fff,10vw 8vh 2px #fff,15vw 15vh 1px #fff,22vw 22vh 1px #fff,28vw 12vh 2px #fff,32vw 32vh 1px #fff,38vw 18vh 2px #fff,42vw 35vh 1px #fff,48vw 25vh 2px #fff,53vw 42vh 1px #fff,58vw 15vh 2px #fff,63vw 38vh 1px #fff,68vw 28vh 2px #fff,73vw 45vh 1px #fff,78vw 32vh 2px #fff,83vw 48vh 1px #fff,88vw 20vh 2px #fff,93vw 52vh 1px #fff,98vw 35vh 2px #fff,5vw 60vh 1px #fff,12vw 65vh 2px #fff,18vw 72vh 1px #fff,25vw 78vh 2px #fff,30vw 85vh 1px #fff,35vw 68vh 2px #fff,40vw 82vh 1px #fff,45vw 92vh 2px #fff,50vw 75vh 1px #fff,55vw 88vh 2px #fff,60vw 95vh 1px #fff,65vw 72vh 2px #fff,70vw 85vh 1px #fff,75vw 78vh 2px #fff,80vw 92vh 1px #fff,85vw 82vh 2px #fff,90vw 88vh 1px #fff,95vw 75vh 2px #fff;animation:twinkle 8s infinite linear}.shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,white,transparent);animation:shoot 3s infinite ease-in}.shooting-star:nth-child(1){top:20%;left:-100px;animation-delay:0s}.shooting-star:nth-child(2){top:35%;left:-100px;animation-delay:1s}.shooting-star:nth-child(3){top:50%;left:-100px;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.4}}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(25deg);opacity:1}to{transform:translate(120vw) translateY(50vh) rotate(25deg);opacity:0}}.stars:after{content:"";position:absolute;width:1px;height:1px;background:#fff;box-shadow:8vw 12vh 2px #fff,16vw 18vh 1px #fff,24vw 25vh 2px #fff,33vw 15vh 1px #fff,41vw 28vh 2px #fff,49vw 35vh 1px #fff,57vw 22vh 2px #fff,65vw 42vh 1px #fff,73vw 28vh 2px #fff,81vw 48vh 1px #fff,89vw 32vh 2px #fff,97vw 45vh 1px #fff,3vw 68vh 2px #fff,11vw 75vh 1px #fff,19vw 82vh 2px #fff,27vw 88vh 1px #fff,35vw 72vh 2px #fff,43vw 85vh 1px #fff,51vw 92vh 2px #fff,59vw 78vh 1px #fff;animation:twinkle 6s infinite linear reverse}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;width:100%;margin:auto}.gallery-image{width:100%;height:398px;object-fit:cover;border-radius:12px;cursor:pointer;transition:.3s}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-image{max-width:85%;max-height:80%;border-radius:15px;box-shadow:0 0 25px #ffffff80}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;background:#ffffff4d;border:none;padding:10px 15px;border-radius:50%;cursor:pointer;color:#fff}.nav-btn.left{left:5%}.nav-btn.right{right:5%}.close-btn{position:absolute;top:30px;right:30px;font-size:24px;background:#ffffff4d;border:none;padding:8px 12px;border-radius:50%;cursor:pointer;color:#fff}.title-container{width:100%;box-sizing:border-box;display:flex;justify-content:center;padding:3rem 1rem;position:relative;border-radius:1rem;text-shadow:1px 1px #333}.title-container .bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem}.title-invite{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;z-index:1}.title-invite .bg-box{border-radius:.5rem;width:90%;height:2.8rem;text-align:center;border:10px solid transparent;border-image-source:url(https://png.pngtree.com/png-vector/20250417/ourmid/pngtree-decorative-border-gold-photo-frame-png-image_16035968.png);border-image-slice:75;border-image-repeat:round;background-color:#deb850a2}.title-invite .btn-open-ticket{width:55%;border:none;padding:.5rem 2rem;border-radius:.5rem;background-color:#deb950;font-size:1rem;color:#fff;cursor:pointer;transition:all .3s ease;border:2px solid #c46f29}.title-invite .btn-open-ticket:active{transform:scale(.95)}