@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Cinzel:wght@400;600&family=Montserrat:wght@300;400;600&family=Frank+Ruhl+Libre:wght@400;700&family=Rubik:wght@300;400&display=swap";.engagement-theme{font-family:Rubik,Montserrat,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0;width:100%}.white-wedding-theme{font-family:Rubik,Montserrat,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0;width:100%}@media(min-width:550px){.white-wedding-theme{padding:20px}.invitation-card{min-height:auto;border-radius:20px}}.white-wedding-title-container{display:flex;flex-direction:column;align-items:center;line-height:1;margin-bottom:20px;padding-top:30px}.white-wedding-theme .info-section,.white-wedding-theme .venue-section{font-family:Rubik,sans-serif}.white-wedding-theme .info-label{font-weight:700;letter-spacing:1px;opacity:.8}.white-wedding-theme .info-value,.white-wedding-theme .venue-name{font-family:Rubik,sans-serif;font-weight:700}.venue-label{font-size:14px;letter-spacing:2px;margin-bottom:5px;color:#fffc;text-transform:uppercase;font-weight:300}.date-grid-container{display:flex;justify-content:center;gap:30px;margin:30px 0;font-weight:700}.date-block{display:flex;flex-direction:column;align-items:center}.date-block .val{font-size:32px;font-weight:700}.date-block .lbl{font-size:12px;opacity:.8;margin-top:-5px}.invitation-card{max-width:550px;width:100%;border-radius:0;box-shadow:0 20px 60px #0006;overflow:hidden;position:relative;animation:fadeIn 1.2s ease-out;background:#0d2847;min-height:100vh}@media(min-width:550px){.engagement-theme{padding:20px}.invitation-card{min-height:auto;border-radius:20px}}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.4}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff3,#ffffff1a 20%,#0d284799,#0d2847f2 80%,#0d2847);z-index:1}.royal-frame{position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid rgba(255,255,255,.6);z-index:2;pointer-events:none;border-radius:0}.royal-frame:after{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(255,255,255,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sparkles-container{position:absolute;top:0;left:0;right:0;height:70%;pointer-events:none;overflow:hidden;z-index:2}.sparkle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#fff,silver);border-radius:50%;animation:fall linear infinite;opacity:0}@keyframes fall{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(400px)}}.sparkle:nth-child(1){left:5%;animation-duration:3s;animation-delay:0s}.sparkle:nth-child(2){left:10%;animation-duration:3.5s;animation-delay:.3s;width:2px;height:2px}.sparkle:nth-child(3){left:15%;animation-duration:2.8s;animation-delay:.6s}.sparkle:nth-child(4){left:20%;animation-duration:3.2s;animation-delay:.2s;width:2px;height:2px}.sparkle:nth-child(5){left:25%;animation-duration:3.6s;animation-delay:.8s}.sparkle:nth-child(6){left:30%;animation-duration:2.9s;animation-delay:.4s;width:2.5px;height:2.5px}.sparkle:nth-child(7){left:35%;animation-duration:3.3s;animation-delay:1s}.sparkle:nth-child(8){left:40%;animation-duration:3.1s;animation-delay:.5s;width:2px;height:2px}.sparkle:nth-child(9){left:45%;animation-duration:3.4s;animation-delay:.7s}.sparkle:nth-child(10){left:50%;animation-duration:2.7s;animation-delay:.9s;width:2.5px;height:2.5px}.sparkle:nth-child(11){left:55%;animation-duration:3.5s;animation-delay:.3s}.sparkle:nth-child(12){left:60%;animation-duration:3s;animation-delay:.6s;width:2px;height:2px}.sparkle:nth-child(13){left:65%;animation-duration:3.2s;animation-delay:1.1s}.sparkle:nth-child(14){left:70%;animation-duration:2.8s;animation-delay:.4s;width:2.5px;height:2.5px}.sparkle:nth-child(15){left:75%;animation-duration:3.6s;animation-delay:.8s}.sparkle:nth-child(16){left:80%;animation-duration:3.1s;animation-delay:.2s;width:2px;height:2px}.sparkle:nth-child(17){left:85%;animation-duration:3.3s;animation-delay:1s}.sparkle:nth-child(18){left:90%;animation-duration:2.9s;animation-delay:.5s;width:2.5px;height:2.5px}.sparkle:nth-child(19){left:95%;animation-duration:3.4s;animation-delay:.7s}.sparkle:nth-child(20){left:12%;animation-duration:3.2s;animation-delay:1.2s;width:2px;height:2px}.sparkle:nth-child(21){left:23%;animation-duration:3s;animation-delay:.9s}.sparkle:nth-child(22){left:33%;animation-duration:3.5s;animation-delay:.3s;width:2.5px;height:2.5px}.sparkle:nth-child(23){left:43%;animation-duration:2.8s;animation-delay:.6s}.sparkle:nth-child(24){left:53%;animation-duration:3.3s;animation-delay:1.1s;width:2px;height:2px}.sparkle:nth-child(25){left:63%;animation-duration:3.1s;animation-delay:.4s}.sparkle:nth-child(26){left:73%;animation-duration:3.6s;animation-delay:.8s;width:2.5px;height:2.5px}.sparkle:nth-child(27){left:83%;animation-duration:2.9s;animation-delay:.2s}.sparkle:nth-child(28){left:93%;animation-duration:3.4s;animation-delay:1s;width:2px;height:2px}.sparkle:nth-child(29){left:17%;animation-duration:3.2s;animation-delay:.5s}.sparkle:nth-child(30){left:27%;animation-duration:3s;animation-delay:.7s;width:2.5px;height:2.5px}.sparkle:nth-child(31){left:37%;animation-duration:3.5s;animation-delay:.9s}.sparkle:nth-child(32){left:47%;animation-duration:2.8s;animation-delay:.3s;width:2px;height:2px}.sparkle:nth-child(33){left:57%;animation-duration:3.3s;animation-delay:.6s}.sparkle:nth-child(34){left:67%;animation-duration:3.1s;animation-delay:1.1s;width:2.5px;height:2.5px}.sparkle:nth-child(35){left:77%;animation-duration:3.6s;animation-delay:.4s}.sparkle:nth-child(36){left:87%;animation-duration:2.9s;animation-delay:.8s;width:2px;height:2px}.sparkle:nth-child(37){left:8%;animation-duration:3.4s;animation-delay:.2s}.sparkle:nth-child(38){left:18%;animation-duration:3.2s;animation-delay:1s;width:2.5px;height:2.5px}.sparkle:nth-child(39){left:28%;animation-duration:3s;animation-delay:.5s}.sparkle:nth-child(40){left:38%;animation-duration:3.5s;animation-delay:.7s;width:2px;height:2px}.content{padding:50px;position:relative;z-index:3;color:#fff}.title{font-family:Great Vibes,cursive;font-size:58px;margin-bottom:20px;background:linear-gradient(180deg,#fff,#e8e8e8 30%,#d4d4d4,silver 70%,#b8b8b8,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}.subtitle{font-size:15px;text-align:center;letter-spacing:3px;margin-bottom:15px;color:#ffffffe6;font-weight:300;text-transform:uppercase}.names{font-family:Cinzel,serif;font-size:36px;text-align:center;margin:30px 0 35px;color:#fff;font-weight:600;letter-spacing:3px;text-shadow:0 3px 15px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.5);line-height:1.2}.divider{width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);margin:25px auto}.info-section{text-align:center;margin:35px 0}.info-label{font-size:12px;letter-spacing:2px;margin-bottom:8px;color:#ffffffb3;text-transform:uppercase;font-weight:300}.info-value{font-size:26px;font-weight:600;color:#fff;margin-bottom:5px;letter-spacing:1px}.info-value.large{font-size:42px;font-family:Cinzel,serif;margin:10px 0}.info-subvalue{font-size:16px;color:#fffc;font-weight:300}.venue-section{text-align:center;margin:40px 0 35px;padding:30px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.venue-name{font-family:Cinzel,serif;font-size:32px;color:#fff;font-weight:600;margin-bottom:20px;letter-spacing:2px}.venue-details{font-size:13px;color:#ffffffd9;line-height:1.8;letter-spacing:.5px}.engagement-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.engagement-btn{padding:14px 25px;border:1.5px solid rgba(255,255,255,.5);background:transparent;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;text-decoration:none;display:block;text-align:center;color:#ffffffe6;letter-spacing:1px;text-transform:uppercase;position:relative;overflow:hidden}.engagement-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .4s ease}.engagement-btn:hover:before{left:100%}.engagement-btn:hover{border-color:#ffffffe6;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.rsvp-section{text-align:center;margin-top:35px}.rsvp-title{font-size:18px;color:#ffffffe6;margin-bottom:20px;letter-spacing:2px;font-weight:400}.btn-primary{background:linear-gradient(135deg,#ffffff26,#c0c0c033);border:1.5px solid rgba(255,255,255,.6);color:#fff;padding:16px 40px;font-size:14px;max-width:250px;margin:0 auto;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;border-radius:0}.btn-primary:hover{background:linear-gradient(135deg,#ffffff40,#c0c0c04d);border-color:#ffffffe6}.footer{text-align:center;padding:30px;background:#0000004d;color:#fff9;font-size:11px;letter-spacing:1px}.footer-logo{font-weight:600;color:#fffc;margin-top:8px;font-size:12px;letter-spacing:2px}.footer a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff}@media(max-width:480px){.content{padding:50px 30px 40px}.title{font-size:46px}.names{font-size:28px}.venue-name{font-size:26px}.engagement-buttons{grid-template-columns:1fr}.info-value.large{font-size:36px}}