:root{--primary-color:#a162c8;--secondary-color:#b19cd9;--background-color:#f9eefd;--background-color-secondary:#fbf4fd}.brush-mask{object-position:cover;width:200px;height:200px;-webkit-mask-image:url(/assets/img/brush-mask-2.png);mask-image:url(/assets/img/brush-mask-2.png);-webkit-mask-size:cover;mask-size:cover}.custom-footer-bg{opacity:.7;background-image:url(/assets/img/footer-flowers-1.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;position:relative}.container{background-color:var(--background-color)}.section-front{color:#fff;position:relative;overflow:hidden}.section-front .bubble{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background:#fff3;border-radius:50%;animation:10s ease-in-out infinite floatUp,2s ease-in-out infinite blink;position:absolute}.section-front .content{z-index:2;position:relative}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-120vh)scale(1.2)}}@keyframes blink{0%,to{opacity:.5}50%{opacity:.8}}.my-border-out{border:10px solid var(--secondary-color)}.my-border-in{border:2px solid var(--secondary-color)}.my-primary{color:var(--primary-color)}.my-secondary{color:var(--secondary-color)}.arizonia-bold{font-family:Arizonia,cursive;font-size:2.5rem;font-style:normal;font-weight:500}.charm-regular{font-family:Charm,cursive;font-size:2.5rem;font-style:normal;font-weight:500}.section-front .title-1{font-family:sans-serif;font-weight:500}.section-front .name{font-family:Charm,cursive;font-size:3rem;font-weight:700}.section-front p{font-size:.7rem}.section-2 .wedding-header{font-family:HubotSans,sans-serif}.section-2 .wedding-names{font-size:3rem}.section-2 .wedding-date,.section-2 .countdown-label,.section-2 .countdown-time{font-family:Poppins,sans-serif}.section-2 .wedding-date{margin-top:.5rem;font-size:1.25rem}.section-2 .countdown-time{font-size:2rem;font-weight:700}.section-2 .countdown-label{letter-spacing:1px;margin-top:.25rem;font-size:1rem}.section-2{position:relative}.hiasan-kanan-atas{z-index:1;opacity:.6;pointer-events:none;width:150px;position:absolute;top:0;right:0}.section-6 .card{background-color:var(--background-color-secondary)}.section-6 button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;padding:.5rem 1rem;font-size:.8rem;transition:background-color .3s}.section-6 button span{font-size:1rem}.section-6 button:hover{background-color:var(--secondary-color)}.image-gradient-wrapper{width:100%;display:inline-block;position:relative}.image-gradient-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#f9eefd);width:100%;height:50%;position:absolute;bottom:0;left:0}.image-gradient-wrapper img{z-index:0;width:50%;height:auto;display:block;position:relative}.wave-top{z-index:1;width:100%;height:100px;line-height:0;position:absolute;top:-1px;left:0;overflow:hidden}.wave-top svg{width:100%;height:100px;display:block;position:relative}.btn-primary{color:#fff;background-color:var(--primary-color)!important}.scroll-button{animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.playfair-display-400{font-optical-sizing:auto;font-family:Playfair Display,serif;font-style:normal;font-weight:400}.hubot-sans-400{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Hubot Sans,sans-serif;font-style:normal;font-weight:400}.hiasan-section2-kiri-bawah{opacity:.8;z-index:2;width:auto;height:60vh;position:absolute;bottom:0;left:-75px}.hiasan-section2-bawah{opacity:.7;z-index:1;width:100%;height:auto;margin:0;padding:0;display:block}.oswald-400{font-optical-sizing:auto;font-family:Oswald,sans-serif;font-style:normal;font-weight:400}.sansita-swashed-400{font-optical-sizing:auto;font-family:Sansita Swashed,system-ui;font-style:normal;font-weight:400}.form-control::placeholder{color:var(--secondary-color);opacity:1}.form-control::-moz-placeholder{color:var(--secondary-color)}select.form-select,select.form-select option{color:var(--primary-color)}.spinner-border{--bs-spinner-border-width:.25rem;border-color:var(--primary-color) transparent transparent transparent}.scroll-animate{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(50px)}.scroll-animate.is-visible{opacity:1;transform:translateY(0)}.scroll-animate.fade-up{opacity:0;transform:translateY(50px)}.scroll-animate.fade-up.is-visible{opacity:1;transform:translateY(0)}.scroll-animate.fade-down{opacity:0;transform:translateY(-50px)}.scroll-animate.fade-down.is-visible{opacity:1;transform:translateY(0)}.scroll-animate.fade-left{opacity:0;transform:translate(-50px)}.scroll-animate.fade-left.is-visible{opacity:1;transform:translate(0)}.scroll-animate.fade-right{opacity:0;transform:translate(50px)}.scroll-animate.fade-right.is-visible{opacity:1;transform:translate(0)}.scroll-animate.scale-up{opacity:0;transform:scale(.8)}.scroll-animate.scale-up.is-visible{opacity:1;transform:scale(1)}.scroll-animate.scale-down{opacity:0;transform:scale(1.2)}.scroll-animate.scale-down.is-visible{opacity:1;transform:scale(1)}.scroll-animate.rotate-in{opacity:0;transform:rotate(-10deg)scale(.9)}.scroll-animate.rotate-in.is-visible{opacity:1;transform:rotate(0)scale(1)}.scroll-animate.flip-in{opacity:0;transform:perspective(500px)rotateX(-45deg)}.scroll-animate.flip-in.is-visible{opacity:1;transform:perspective(500px)rotateX(0)}.scroll-animate.zoom-in{opacity:0;transform:scale(.5)}.scroll-animate.zoom-in.is-visible{opacity:1;transform:scale(1)}.scroll-animate.bounce-in{opacity:0;transition:opacity .6s ease-out,transform .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(80px)}.scroll-animate.bounce-in.is-visible{opacity:1;transform:translateY(0)}.scroll-animate.delay-100{transition-delay:.1s}.scroll-animate.delay-200{transition-delay:.2s}.scroll-animate.delay-300{transition-delay:.3s}.scroll-animate.delay-400{transition-delay:.4s}.scroll-animate.delay-500{transition-delay:.5s}.scroll-animate.delay-600{transition-delay:.6s}.scroll-animate.delay-700{transition-delay:.7s}.scroll-animate.delay-800{transition-delay:.8s}.scroll-animate.duration-fast{transition-duration:.4s}.scroll-animate.duration-normal{transition-duration:.8s}.scroll-animate.duration-slow{transition-duration:1.2s}.scroll-animate.duration-slower{transition-duration:1.6s}.scroll-animate.card-reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)scale(.95)}.scroll-animate.card-reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.scroll-animate.image-reveal{opacity:0;filter:blur(5px);transition:opacity .8s ease-out,transform .8s ease-out,filter .8s ease-out;transform:scale(.9)}.scroll-animate.image-reveal.is-visible{opacity:1;filter:blur();transform:scale(1)}.scroll-animate.text-reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(20px)}.scroll-animate.text-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-animate.stagger-children.is-visible>*{animation:.5s ease-out forwards staggerFadeIn}.scroll-animate.stagger-children>:first-child{animation-delay:.1s}.scroll-animate.stagger-children>:nth-child(2){animation-delay:.2s}.scroll-animate.stagger-children>:nth-child(3){animation-delay:.3s}.scroll-animate.stagger-children>:nth-child(4){animation-delay:.4s}.scroll-animate.stagger-children>:nth-child(5){animation-delay:.5s}.scroll-animate.stagger-children>:nth-child(6){animation-delay:.6s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-animate.name-reveal{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(30px)scale(.95)}.scroll-animate.name-reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.scroll-animate.quote-reveal{opacity:0;transition:opacity 1.2s ease-out,transform 1.2s ease-out;transform:translateY(40px)}.scroll-animate.quote-reveal.is-visible{opacity:1;transform:translateY(0)}