@import "https://fonts.googleapis.com/css2?family=Alex+Brush&family=Cormorant+Garamond:wght@300;400;600&display=swap";:root{--primary-red:#a31a1a;--light-red:#f8e1e1;--dark-text:#4a0808;--gold:#cfa864;--white:#fff;--font-serif:"Cormorant Garamond", serif;--font-script:"Alex Brush", cursive;--border-radius:12px;--spacing-md:1.5rem;--spacing-lg:3rem}*{box-sizing:border-box;margin:0;padding:0}body{height:auto;min-height:100vh;font-family:var(--font-serif);color:var(--dark-text);background-color:var(--light-red);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden auto}h1,h2,h3,h4{font-weight:400}.floral-border{border:1px solid var(--gold);border-radius:var(--border-radius);position:relative}.floral-border:before,.floral-border:after{content:"";background-repeat:no-repeat;background-size:contain;width:50px;height:50px;position:absolute}.floral-border:before{background-image:url(./assets/floral-corner-red.png);top:-10px;left:-10px}.floral-border:after{background-image:url(./assets/floral-corner-red.png);bottom:-10px;right:-10px;transform:rotate(180deg)}.layout-container{background-color:var(--white);width:100%;max-width:600px;height:auto;min-height:100vh;margin:0 auto;padding-bottom:0;position:relative;overflow:visible;box-shadow:0 0 30px #0000001a}.page-border{border:1px solid var(--gold);pointer-events:none;z-index:10;position:absolute;inset:15px}@media (width<=480px){.page-border{inset:5px}}.welcome-overlay{background-color:var(--light-red);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.welcome-content{text-align:center;padding:var(--spacing-lg);background-color:var(--white);border:2px solid var(--gold);border-radius:var(--border-radius);width:400px;max-width:90%;box-shadow:0 10px 25px #a31a1a33}.welcome-subtitle{font-family:var(--font-serif);color:var(--dark-text);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:1.2rem}.welcome-title{font-family:var(--font-script);color:var(--primary-red);margin-bottom:2rem;font-size:4.5rem;line-height:1}.welcome-button{background-color:var(--primary-red);color:var(--white);font-family:var(--font-serif);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:25px;padding:10px 30px;font-size:1.2rem;transition:background-color .3s,transform .2s}.welcome-button:hover{background-color:#801212;transform:scale(1.05)}.hero-container{padding:var(--spacing-lg) var(--spacing-md) 0;text-align:center;position:relative}.hero-subtitle{font-family:var(--font-script);color:var(--dark-text);margin-bottom:1px;font-size:2.5rem;line-height:1}.hero-title{font-family:var(--font-script);color:var(--primary-red);margin-bottom:var(--spacing-md);text-shadow:1px 1px 2px #0000001a;font-size:5rem;line-height:1}.hero-name{font-family:var(--font-script);color:var(--primary-red);margin-bottom:var(--spacing-lg);font-size:6.5rem;line-height:.9;display:inline-block;position:relative}.hero-name:after{content:"";background-color:var(--gold);width:80%;height:2px;position:absolute;bottom:-10px;left:10%}.hero-invite-text{font-family:var(--font-serif);color:var(--dark-text);max-width:80%;margin:0 auto var(--spacing-lg);font-size:1.2rem;line-height:1.6}.hero-image-wrapper{z-index:5;margin-bottom:-5px;position:relative}.hero-image{width:350px;max-width:100%;height:auto;margin:0 auto;display:block}.intro-section{padding:var(--spacing-md);background-color:var(--white);text-align:center}.intro-container{padding:var(--spacing-lg) var(--spacing-md);background-color:var(--light-red);border-radius:var(--border-radius)}.intro-text{font-family:var(--font-serif);color:var(--dark-text);margin-bottom:var(--spacing-lg);font-size:1.15rem;font-style:italic;line-height:1.8}.family-section{margin-top:var(--spacing-md)}.family-title{font-family:var(--font-script);color:var(--primary-red);margin-bottom:.5rem;font-size:2.5rem;line-height:1}.family-name{font-family:var(--font-serif);color:var(--dark-text);letter-spacing:.5px;margin-bottom:.2rem;font-size:1.1rem;font-weight:600}.decorative-divider{background-color:var(--gold);width:60px;height:2px;margin:1.5rem auto;position:relative}.decorative-divider:after{content:"";background-color:var(--primary-red);border:1px solid var(--gold);width:10px;height:10px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.locations-section{padding:var(--spacing-lg) var(--spacing-md);text-align:center}.section-title{font-family:var(--font-script);color:var(--primary-red);margin-bottom:var(--spacing-md);font-size:3.5rem;line-height:1}.date-highlight{font-family:var(--font-serif);color:var(--dark-text);margin-bottom:var(--spacing-lg);background-color:var(--light-red);border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:1.4rem;font-weight:600;display:inline-flex}.icon-gold{color:var(--gold)}.locations-container{flex-direction:column;gap:2rem;display:flex}.location-card{background-color:var(--white);flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex;box-shadow:0 4px 15px #0000000d}.location-icon{color:var(--primary-red);margin-bottom:1rem;font-size:2.5rem}.location-type{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:.5rem;font-size:1.2rem}.location-name{font-family:var(--font-serif);color:var(--dark-text);margin-bottom:1rem;font-size:1.8rem}.location-details{font-family:var(--font-serif);color:#555;margin-bottom:1.5rem;font-size:1rem}.location-details p{justify-content:center;align-items:center;gap:8px;margin-bottom:5px;display:flex}.icon-small{color:var(--primary-red)}.btn-location{color:var(--primary-red);font-family:var(--font-serif);border:2px solid var(--primary-red);text-transform:uppercase;letter-spacing:1px;background-color:#0000;border-radius:25px;padding:10px 25px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-location:hover{background-color:var(--primary-red);color:var(--white)}.countdown-section{padding:var(--spacing-lg) var(--spacing-md);text-align:center;background-color:var(--white)}.countdown-title{font-family:var(--font-script);color:var(--primary-red);margin-bottom:var(--spacing-md);font-size:3.5rem;line-height:1}.countdown-container{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.countdown-box{background-color:var(--light-red);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:75px;height:75px;padding:10px;display:flex;box-shadow:0 4px 10px #a31a1a1a}.countdown-number{font-family:var(--font-serif);color:var(--primary-red);font-size:1.8rem;font-weight:600;line-height:1}.countdown-label{font-family:var(--font-serif);text-transform:uppercase;color:var(--dark-text);letter-spacing:1px;margin-top:4px;font-size:.8rem;font-weight:600}.dresscode-section{padding:var(--spacing-lg) var(--spacing-md);text-align:center;background-color:var(--white)}.dresscode-card{background-color:var(--light-red);flex-direction:column;align-items:center;padding:3rem 2rem;display:flex;box-shadow:0 4px 15px #a31a1a0d}.dresscode-icon-main{color:var(--primary-red);margin-bottom:1rem;font-size:3rem}.dresscode-card .section-title{font-family:var(--font-script);color:var(--primary-red);margin-bottom:1.5rem;font-size:3.5rem;line-height:1}.dresscode-type-container{background-color:var(--white);border:1px solid var(--gold);margin-bottom:var(--spacing-lg);border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:10px 25px;display:flex}.dresscode-icon-type{color:var(--dark-text);font-size:1.5rem}.dresscode-type{font-family:var(--font-serif);color:var(--dark-text);text-transform:uppercase;letter-spacing:1.5px;font-size:1.6rem;font-weight:600}.dresscode-restriction{border:2px solid var(--gold);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--white);border-radius:12px;position:relative}.restriction-header{margin-bottom:var(--spacing-md);justify-content:center;align-items:center;gap:8px;display:flex}.restriction-icon-no{color:#a31a1a;font-size:1.8rem}.restriction-title{font-family:var(--font-serif);color:var(--primary-red);text-transform:uppercase;letter-spacing:1px;font-size:2rem;font-weight:600}.restriction-circles{justify-content:center;margin-bottom:1rem;display:flex}.circle-red{background-color:var(--primary-red);border:4px solid var(--light-red);border-radius:50%;width:50px;height:50px;position:relative;box-shadow:0 4px 10px #0000001a}.restriction-no-access{justify-content:center;align-items:center;display:flex}.icon-overlay{color:#ffffffd0;font-size:2rem}.restriction-text{font-family:var(--font-serif);color:var(--dark-text);margin-bottom:.2rem;font-size:1.2rem}.restriction-subtext{font-family:var(--font-serif);color:#666;font-size:.95rem;font-style:italic}.dresscode-icons-sug{color:var(--gold);justify-content:center;gap:1rem;margin-top:.5rem;font-size:1.2rem;display:flex}.sug-icon-box{font-family:var(--font-serif);color:#444;flex-direction:column;align-items:center;font-size:1.3rem;display:flex}.rsvp-section{padding:var(--spacing-lg) var(--spacing-md);text-align:center;background-color:var(--white)}.rsvp-container{background-color:var(--light-red);border-radius:var(--border-radius);flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.rsvp-icon-main{color:var(--primary-red);margin-bottom:1rem;font-size:3rem}.rsvp-container .section-title{font-family:var(--font-script);color:var(--primary-red);margin-bottom:1rem;font-size:3.5rem;line-height:1}.rsvp-text{font-family:var(--font-serif);color:var(--dark-text);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.btn-rsvp{color:var(--white);font-family:var(--font-serif);text-transform:uppercase;letter-spacing:1px;background-color:#25d366;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:12px 30px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 10px #25d3664d}.btn-rsvp:hover{background-color:#1ebe5d;transform:translateY(-2px)}.icon-whatsapp{font-size:1.5rem}.footer-section{background-color:var(--primary-red);color:var(--white);text-align:center;border-top:2px solid var(--gold);z-index:20;margin-top:2rem;padding:3rem 1.5rem 5rem;position:relative}.footer-name{font-family:var(--font-script);color:var(--gold);margin-bottom:.5rem;font-size:3.5rem;line-height:1}.footer-thanks{font-family:var(--font-serif);opacity:.9;margin-bottom:1.5rem;font-size:1.2rem;font-style:italic}.footer-divider{background-color:var(--gold);opacity:.5;width:50px;height:1px;margin:0 auto 1.5rem}.footer-credits{font-family:var(--font-serif);opacity:.8;letter-spacing:1px;justify-content:center;align-items:center;gap:6px;font-size:.9rem;display:flex}.icon-heart{color:var(--gold);font-size:.8rem}.audio-player-container{z-index:1000;position:fixed;bottom:20px;right:20px}.audio-toggle-btn{background-color:var(--white);border:2px solid var(--gold);width:50px;height:50px;color:var(--primary-red);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000026}.audio-toggle-btn.playing{background-color:var(--primary-red);color:var(--white);border-color:var(--primary-red);animation:2s infinite pulse-music}@keyframes pulse-music{0%{transform:scale(1);box-shadow:0 0 #a31a1a66}70%{transform:scale(1.1);box-shadow:0 0 0 10px #a31a1a00}to{transform:scale(1);box-shadow:0 0 #a31a1a00}}.screen-decoration,.screen-butterfly,.screen-sparkle-cluster{pointer-events:none;transition:all .3s;position:fixed}.screen-decoration{z-index:50;opacity:.9;width:250px;height:auto}.screen-decoration.top-left{top:-30px;left:-50px;transform:rotate(160deg)}.screen-decoration.top-right{top:-30px;right:-50px;transform:rotate(200deg)}.screen-decoration.bottom-left{bottom:-30px;left:-50px;transform:rotate(20deg)}.screen-decoration.bottom-right{bottom:-30px;right:-50px;transform:rotate(340deg)}.screen-sparkle-cluster{opacity:.3;z-index:2;width:80px;height:auto}.screen-sparkle-cluster.cluster-top-center{top:20%;left:50%;transform:translate(-50%)}.screen-sparkle-cluster.cluster-mid-left{top:60%;left:45%;transform:translate(-160px,-50%)}.screen-sparkle-cluster.cluster-mid-right{top:50%;left:30%;transform:translate(160px,-50%)}.screen-sparkle-cluster.cluster-bottom-center{bottom:15%;left:50%;transform:translate(-50%)}.screen-butterfly{opacity:.3;z-index:60;width:65px;height:auto}.screen-butterfly.center-butterfly-1{top:25%;left:60%;transform:translate(-120px,-5px)rotate(-15deg)}.screen-butterfly.center-butterfly-2{width:55px;top:45%;left:40%;transform:translate(110px)rotate(10deg)scaleX(-1)}.screen-butterfly.center-butterfly-3{width:40px;top:65%;left:50%;transform:translate(-90px,5px)rotate(35deg)}@media (width<=480px){.layout-container{padding-bottom:0}.hero-container,.intro-section,.countdown-section,.locations-section,.dresscode-section,.rsvp-section,.footer-section,.intro-container,.rsvp-container,.dresscode-card{padding-left:1rem;padding-right:1rem}.hero-name{margin-bottom:var(--spacing-md);font-size:3.8rem;line-height:1.1}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:2rem}.countdown-container{justify-content:center;gap:8px}.countdown-box{width:50px;height:50px;padding:6px}.countdown-number{font-size:1.2rem}.countdown-label{letter-spacing:.5px;font-size:.7rem}.screen-decoration{width:150px}.screen-sparkle-cluster{width:125px}.screen-butterfly{width:30px}.screen-butterfly.center-butterfly-2{width:38px}.page-border{inset:5px}}