@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Great+Vibes&family=Montserrat:wght@300;400;500&display=swap";.countdown-container{justify-content:center;gap:12px;margin:20px 0;display:flex}.countdown-box{border:1px solid var(--accent-gold,#d4af37);text-align:center;background:#d4af371a;border-radius:8px;min-width:55px;padding:8px 12px}.countdown-number{color:var(--accent-gold,#d4af37);font-size:1.2rem;font-weight:700;display:block}.countdown-label{text-transform:uppercase;color:#555;font-size:.75rem}.whatsapp-btn-container{text-align:center;width:100%;margin:10px 0}.whatsapp-button{background-color:var(--bg-color,#fdfbf7);color:var(--text-primary,#2c3e50);border:1px solid var(--accent-gold,#d4af37);border-radius:25px;justify-content:center;align-items:center;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 3px 10px #d4af3726}.whatsapp-button:hover,.whatsapp-button:active{color:#fff;background-color:#25d366;border-color:#25d366;transform:translateY(-2px);box-shadow:0 4px 15px #25d36659}.modal-overlay{z-index:99999;box-sizing:border-box;background-color:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;padding:15px;display:flex;position:fixed;top:0;left:0}.modal-content{box-sizing:border-box;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:750px;height:100%;max-height:85vh;display:flex;position:relative}.modal-close-btn{color:#fff;cursor:pointer;z-index:30;background:#000000b3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:5px;right:5px}.modal-close-btn:hover{background:var(--accent-gold,#d4af37);border-color:var(--accent-gold,#d4af37);color:#000;transform:scale(1.05)}.carousel-container{justify-content:center;align-items:center;width:100%;height:75vh;display:flex;position:relative}.carousel-image{object-fit:contain;border-radius:8px;width:100%;height:100%}.carousel-btn{color:#fff;cursor:pointer;z-index:20;background:#000000b3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute}.carousel-btn:hover{background:var(--accent-gold,#d4af37);color:#000;border-color:var(--accent-gold,#d4af37)}.carousel-btn.prev{left:5px}.carousel-btn.next{right:5px}.carousel-indicators{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#0009;border-radius:20px;gap:10px;margin-top:12px;padding:6px 16px;display:flex}.dot{cursor:pointer;background-color:#fff6;border-radius:50%;width:10px;height:10px;transition:all .2s}.dot.active{background-color:var(--accent-gold,#d4af37);transform:scale(1.25)}@media (width<=480px){.modal-overlay{padding:10px}.carousel-container{height:70vh}.carousel-btn{width:38px;height:38px;font-size:.9rem}.modal-close-btn{width:38px;height:38px;top:2px;right:2px}}:root{--card-bg:#fcfbf7}.invitation-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:15px;display:flex;overflow-x:hidden}.envelope{background-color:var(--envelope-bg);width:min(360px,90vw);height:min(230px,58vw);box-shadow:0 20px 40px var(--shadow-color);cursor:pointer;border-radius:0 0 15px 15px;transition:transform .4s;position:relative}.envelope:hover:not(.open){transform:scale(1.02)}.envelope-flap{border-left:min(180px,45vw) solid #0000;border-right:min(180px,45vw) solid #0000;border-top:min(130px, 33vw) solid var(--envelope-flap);transform-origin:top;z-index:6;width:100%;height:0;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.envelope-front{background-color:var(--envelope-front);z-index:4;border:2px solid #fff3;border-radius:0 0 15px 15px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:60%;padding-bottom:12px;display:flex;position:absolute;bottom:0;left:0;box-shadow:inset 0 -5px 15px #00000026}.envelope-seal{filter:drop-shadow(0 2px 4px #0003);margin-bottom:2px;font-size:clamp(1.8rem,5vw,2.2rem)}.open-instruction{color:var(--text-cdefault);letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 1px 2px #0003;text-align:center;padding:0 10px;font-size:clamp(.7rem,2.5vw,.8rem);font-weight:600}.card-container{background-color:var(--card-bg);z-index:2;opacity:0;pointer-events:none;box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:space-between;width:min(580px,94vw);height:min(640px,90vh);padding:clamp(18px,4vw,26px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:clamp(-180px,-32vw,-150px);left:50%;transform:translate(-50%)scale(.8);box-shadow:0 5px 15px #0000001a}.card-content{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}.card-content h2{background:linear-gradient(to bottom, var(--accent-gold-light), var(--accent-gold));color:#0000;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:2px;padding:15px 0 0;font-family:Great Vibes,cursive;font-size:clamp(2.3rem,5.5vw,2.8rem);font-weight:700}.card-subtitle{background:linear-gradient(to bottom, var(--accent-gold-light), var(--accent-gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-family:Cinzel,serif;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700}.gallery-link{cursor:pointer;align-items:center;gap:8px;transition:opacity .2s,transform .2s;display:inline-flex}.gallery-link:hover{opacity:.85;transform:scale(1.02)}.gallery-icon-hint{color:var(--accent-gold,#d4af37);vertical-align:middle;font-size:1rem}.card-content p{color:var(--text-secondary);margin-bottom:6px;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,2.2vw,.95rem);font-weight:700;line-height:1.4}.event-details{background-color:var(--bg-color);border:1px dashed var(--envelope-front);border-radius:8px;width:100%;margin-bottom:6px;padding:10px;font-size:clamp(.75rem,2.3vw,.85rem);line-height:1.4}.event-details p{margin-bottom:4px}.event-details p:last-child{margin-bottom:0}.event-details p strong{color:var(--text-primary)}.close-instruction{color:#9ca3af;margin-top:4px;font-size:clamp(.65rem,2vw,.75rem);font-style:italic}.envelope.open .envelope-flap{z-index:1;transform:rotateX(180deg)}.envelope.open .card-container{opacity:1;pointer-events:auto;cursor:pointer;z-index:10;transform:translate(-50%)scale(1);box-shadow:0 30px 60px #00000040}.envelope.open{cursor:default}@media (width<=480px){.card-container{height:min(560px,86vh);padding:15px;top:-170px}.card-content h2{padding-top:10px}}@media (width<=360px){.envelope{width:300px;height:190px}.card-container{width:290px;height:520px;top:-185px}.card-content h2{padding-top:5px;font-size:2rem}}.rain-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.rain-drop{color:var(--accent-gold,#d4af37);opacity:.5;-webkit-user-select:none;user-select:none;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-10%}@keyframes fall{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:.6}85%{opacity:.6}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}:root{--bg-gradient-start:#fff1e6;--bg-gradient-end:#dfc2b1;--envelope-bg:#4a0404;--envelope-flap:#2a0000;--envelope-front:#7f1d1d;--card-bg:#fcfbf7;--text-primary:#374151;--text-secondary:#4b5563;--accent-gold:#c5a059;--accent-gold-light:#eec984;--shadow-color:#0003;--text-cdefault:#fff}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background:radial-gradient(circle at center, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-secondary);min-height:100vh;margin:0;padding:0;font-family:Montserrat,sans-serif}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}
