@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Great+Vibes&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none;color:#4B4542}html{scroll-behavior:smooth}body{font-family:'Montserrat';overflow-x:hidden}body.lock-scroll{overflow:hidden;height:100svh;position:fixed;width:100%;height:100%;touch-action:none}.mobile-force{width:100%;max-width:480px;min-height:100svh;margin:0 auto;overflow-x:hidden;background:#fff;position:relative}@media screen and (min-width:481px){body{background:#fff}.mobile-force{width:480px}}.anim{opacity:0;transition:all 0.8s cubic-bezier(.22,1,.36,1)}.anim.show{opacity:1}.popup{transform:scale(.7);filter:blur(8px)}.popup.show{transform:scale(1);filter:blur(0)}.slide-up{transform:translateY(60px)}.slide-up.show{transform:translateY(0)}.slide-down{transform:translateY(-60px)}.slide-down.show{transform:translateY(0)}.slide-right{transform:translateX(-60px)}.slide-right.show{transform:translateX(0)}.slide-left{transform:translateX(60px)}.slide-left.show{transform:translateX(0)}.fade{filter:blur(6px)}.fade.show{filter:blur(0)}.snow-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:9999}.snow{position:absolute;top:-10vh;background:#fff;border-radius:50%;opacity:.9;filter:blur(.5px);will-change:transform}@keyframes snowfall{0%{transform:translate3d(0,0,0) translateX(0) rotate(0deg)}25%{transform:translate3d(15px,25vh,0) translateX(-10px) rotate(90deg)}50%{transform:translate3d(-15px,50vh,0) translateX(10px) rotate(180deg)}75%{transform:translate3d(10px,75vh,0) translateX(-15px) rotate(270deg)}100%{transform:translate3d(-10px,110vh,0) translateX(15px) rotate(360deg)}}.countdown{display:flex;gap:12px;margin-top:20px;justify-content:center}.box{text-align:center;padding:10px 12px;border-radius:10px;background:rgb(255 255 255 / .08);backdrop-filter:blur(6px);min-width:60px}.box span{font-size:20px;display:block}.box small{font-size:10px;opacity:.8}.sampul-undangan{position:fixed;top:0;margin:0 auto;height:100svh;width:min(100%, 480px);background-image:linear-gradient(to bottom,#fff0 50%,rgb(0 0 0 / .85) 100%),url(https://harikami.id/blue-white-minimalist/assets/img/sampul.jpg);background-size:cover;background-position:center;color:#fff;z-index:99999;transition:opacity .9s ease,transform .9s ease,filter .9s ease}.sampul-undangan-isi{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:70px;gap:20px;height:100svh}.sampul-undangan.hide{opacity:0;pointer-events:none}.the-wedding-of{font-size:14px;letter-spacing:1}.nama-pengantin{font-family:'Cormorant Garamond';font-size:40px;margin-top:15px;font-weight:700;letter-spacing:-1}.nama-pengantin-closing{font-family:'Cormorant Garamond';font-size:40px;margin-top:30px;font-weight:700;letter-spacing:-1;opacity:.8}.kepada-yth{font-size:12px;letter-spacing:1}.nama-tamu{font-size:16px;font-weight:500;margin-top:10px}.btn-buka-undangan,.btn-buka-undangan:focus,.btn-buka-undangan:active{outline:none;box-shadow:none;-webkit-tap-highlight-color:#fff0}.btn-buka-undangan{background:radial-gradient(circle at top left,rgb(255 255 255 / .25),transparent 40%),radial-gradient(circle at bottom right,rgb(255 255 255 / .12),transparent 35%),linear-gradient(135deg,#8bb8db 0%,#7FAFD4 45%,#6ea3cc 100%);color:#fff;width:fit-content;padding:10px 15px;border-radius:20px;border:1px solid #7FAFD4;cursor:pointer;transition:all 0.3s;transition:0s!important;margin-top:15px;font-size:14px}.btn-buka-undangan:hover{background:#fff0;color:#fff;width:fit-content;padding:10px 15px;border-radius:20px;border:1px solid #fff;cursor:pointer;transition:all 0.3s;transition:0s!important;margin-top:15px;font-size:14px}.konten-pertama{position:relative;z-index:1;background-image:linear-gradient(to bottom,#fff0 20%,rgb(255 255 255) 100%),url(https://harikami.id/blue-white-minimalist/assets/img/1.jpg);background-size:cover;background-position:center;height:100svh;overflow:hidden}.isi-konten-pertama{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100svh;padding-bottom:50px}.inisial-pengantin{font-family:'Cormorant Garamond';font-size:50px;font-weight:700;margin-top:20px}.konten-quotes{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 30px;font-size:14px}.data-pengantin{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 20px;min-height:100svh;color:#fff}.card-data{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgb(255 255 255 / .25),transparent 40%),radial-gradient(circle at bottom right,rgb(255 255 255 / .12),transparent 35%),linear-gradient(135deg,#8bb8db 0%,#7FAFD4 45%,#6ea3cc 100%);min-height:100svh;padding:60px 30px;border-radius:10px;box-shadow:0 10px 30px rgb(0 0 0 / .08),inset 0 1px 0 rgb(255 255 255 / .2)}.penyambut{font-size:14px;font-weight:400}.foto-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:30px;gap:20px}.foto-pengantin{height:250px;width:auto;border-radius:120px 120px 40px 40px;border:4px solid #fff;box-shadow:0 10px 30px rgb(0 0 0 / .12),0 0 25px rgb(255 255 255 / .18),inset 0 1px 0 rgb(255 255 255 / .6)}.nama-lengkap{font-family:'Cormorant Garamond';font-weight:700;font-size:30px}.orang-tua{font-size:14px;font-weight:400}.instagram-pengantin{font-size:20px;cursor:pointer;text-decoration:none;color:#fff;transition:all 0.3s;transition:0s!important}.instagram-pengantin:hover{font-size:20px;cursor:pointer;text-decoration:none;color:#e1e1e1}.and-the-other{font-size:40px;margin-top:30px}.wedding-event{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 30px}.we-one{font-size:35px;font-family:'Cormorant Garamond';font-weight:500;letter-spacing:1px;line-height:1.1;text-align:center;margin-bottom:45px;position:relative;opacity:.8;text-shadow:0 2px 10px rgb(0 0 0 / .05)}.we-one::after{content:"";width:250px;height:2px;background:#9bbcd8;border-radius:10px;position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);opacity:.4}.we-two{font-family:'Cormorant Garamond';font-weight:lighter;font-size:40px;font-style:italic;letter-spacing:3;margin-bottom:30px}.card-acara{overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;min-height:340px;margin:0 30px;width:100%;box-shadow:0 10px 30px rgb(0 0 0 / .08),inset 0 1px 0 rgb(255 255 255 / .2);border-radius:10px;margin-bottom:30px;background:#F6F3EF}.card-head{background:radial-gradient(circle at top left,rgb(255 255 255 / .25),transparent 40%),radial-gradient(circle at bottom right,rgb(255 255 255 / .12),transparent 35%),linear-gradient(135deg,#8bb8db 0%,#7FAFD4 45%,#6ea3cc 100%);padding:20px 30px}.card-body{display:flex;flex-direction:column;gap:20px;background-color:#F6F3EF;padding:20px 30px}.text-head{font-family:'Cormorant Garamond';font-size:25px;color:#fff;font-weight:700}.text-body-day{font-size:16px}.text-body{font-size:14px}.maps-lokasi,.maps-lokasi:focus,.maps-lokasi:active{outline:none;box-shadow:none;-webkit-tap-highlight-color:#fff0}.maps-lokasi{font-size:14px;text-decoration:none;color:#fff;background-color:#6ea3cc;border:1px solid #6ea3cc;padding:15px;width:fit-content;border-radius:10px;transition:0.3s;transition-delay:0s!important}.maps-lokasi:hover{font-size:14px;text-decoration:none;color:#6ea3cc;background-color:#fff;padding:15px;width:fit-content;border-radius:10px;border:1px solid #6ea3cc}.love-story-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 20px;margin-top:50px}.love-story-head{position:relative;overflow:hidden;height:350px;width:100%;border-radius:20px 20px 0 0}.slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:slideshow 12s infinite}.s1{animation-delay:0s}.s2{animation-delay:4s}.s3{animation-delay:8s}@keyframes slideshow{0%{opacity:0}8%{opacity:1}28%{opacity:1}36%{opacity:0}100%{opacity:0}}.love-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#fff0 10%,rgb(255 255 255) 100%);z-index:2}.love-story-body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:30px;padding:30px 20px}.ls-text{font-size:40px;font-family:'Cormorant Garamond';font-weight:500;letter-spacing:3;font-style:italic;margin-bottom:-10px;opacity:.8}.title-heading{font-size:15px;letter-spacing:1;font-weight:400}.ls-body{margin-top:10px;font-weight:300;font-size:14px}.ls-wrap{padding:30px 20px;background:#F6F3EF;border-radius:10px}.story-divider{width:100%;margin-top:10px;background:#9bbcd8;height:2px;opacity:.4;border:none}.gallery-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px 0 20px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.gallery-img{cursor:pointer;width:100%;height:220px;object-fit:cover;border-radius:10px;box-shadow:0 5px 5px rgb(0 0 0 / .25);transition:0.4s ease}.gallery-img:hover{filter:brightness(.75)}.gallery-img.lebar{grid-column:span 2}.gift-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px 30px 20px}.card-box-gift{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;text-align:left;background:#F6F3EF;width:100%;margin-top:30px;border-radius:10px;padding:40px 20px}.kirim-hadiah{font-size:25px;font-weight:600;font-family:'Cormorant Garamond';letter-spacing:2}.text-hadiah{font-size:14px;margin-top:20px}.amplop-digital .amplop-digital:focus,.amplop-digital:active{outline:none;box-shadow:none;-webkit-tap-highlight-color:#fff0}.space-top{margin-top:20px}.amplop-digital{margin-top:20px;font-size:14px;text-decoration:none;color:#fff;background-color:#6ea3cc;padding:15px;width:fit-content;border-radius:10px;border:1px solid #6ea3cc;transition:0.3s;transition-delay:0s!important;cursor:pointer}.amplop-digital:hover{margin-top:20px;font-size:14px;text-decoration:none;color:#6ea3cc;background-color:#fff;padding:15px;width:fit-content;border-radius:10px;border:1px solid #6ea3cc}.gift-content{max-height:0;overflow:hidden;opacity:0;transform:translateY(-15px);transition:max-height 0.8s ease,opacity 0.5s ease,transform 0.5s ease;width:100%}.gift-content.show{max-height:1200px;opacity:1;transform:translateY(0);margin-top:25px}.rekening-card{background:#e7e4e1;border-radius:14px;padding:25px 20px;margin-bottom:20px;opacity:0;transform:translateY(20px);transition:0.5s ease}.gift-content.show .rekening-card{opacity:1;transform:translateY(0)}.gift-content.show .rekening-card:nth-child(1){transition-delay:0.1s}.gift-content.show .rekening-card:nth-child(2){transition-delay:0.2s}.gift-content.show .rekening-card:nth-child(3){transition-delay:0.3s}.bank{font-size:20px;font-weight:700}.norek{margin-top:10px;font-size:18px;letter-spacing:2px;text-decoration:none}.atasnama,.alamat{margin-top:8px;font-size:14px}.comment-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0 150px 0;width:100%}.commentList{display:flex;flex-direction:column;justify-content:center;align-items:left;text-align:left;width:100%;gap:10px;padding:0 30px}.comment-item{border-radius:10px;background:#F6F3EF;padding:15px}.form-group{display:flex;flex-direction:column;justify-content:center;width:100%;padding:0 30px 30px 30px}input[type=text],textarea,select{width:auto;padding:15px 10px;margin-bottom:18px;background:#F6F3EF;border:none;border-bottom:1px solid #6ea3cc;outline:none;font-family:'Montserrat';font-size:14px;transition:border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease}input[type=text]::placeholder,textarea::placeholder{color:#4B4542}input[type=text]:focus,textarea:focus,select:focus{border-bottom-color:#6ea3cc;box-shadow:0 8px 20px #F6F3EF;opacity:1}textarea{resize:none;min-height:120px}select{cursor:pointer}.button-submit{width:100%;margin-top:10px;padding:14px 18px;background-color:#6ea3cc;border:1px solid #6ea3cc;border-radius:12px;color:#fff;font-family:'Montserrat';font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease}.button-submit:hover{background:#fff;border-color:#6ea3cc;color:#6ea3cc}.button-submit:active{transform:scale(.98)}.thank-you{position:relative;overflow:hidden;background:#fff;color:#fff;min-height:100svh;padding:50px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.isi-thankyou{display:flex;flex-direction:column;position:relative;padding:0 20px 0 20px;z-index:2}.thx-head{position:relative;overflow:hidden;font-family:'Cormorant Garamond';color:#fff;font-size:30px;letter-spacing:2;font-weight:500;margin-bottom:30px;opacity:.8}.img-thank{height:250px;width:auto;border-radius:180px 180px 0 0;border:5px solid #fff;box-shadow:0 20px 40px rgb(0 0 0 / .15),0 0 30px rgb(255 255 255 / .15),inset 0 1px 0 rgb(255 255 255 / .5)}.closing-text{color:#fff;font-size:14px;margin-top:30px;line-height:1.4;opacity:.8}.bg-parallax{position:absolute;inset:0;overflow:hidden;z-index:1}.bg-parallax::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(0 0 0 / .45),rgb(0 0 0 / .45)),url(https://harikami.id/blue-white-minimalist/assets/img/sampul.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;transform:translate3d(0,var(--parallax-y,0),0) scale(1.15);will-change:transform}.text-copyright{font-size:12px;font-weight:400;margin-top:50px}.copyright-sosmed{display:flex;flex-direction:row;justify-content:center;margin-top:20px}.copyright-sosmed i{font-size:30px;cursor:pointer;transition:all 0.3s;transition:0!important}.copyright-sosmed i:hover{font-size:30px;color:#e1e1e1}.copyright-sosmed a{color:#fff}