@import"https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Caveat:wght@400;700&family=Indie+Flower&family=Pacifico&family=Quicksand:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.envelope-container-3d{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;perspective:1200px;overflow:hidden}.envelope-wrapper{margin:1rem;position:relative;width:620px;height:calc(min(calc(100vw - 2rem),620px) * 358 / 620);transform-style:preserve-3d;clip-path:inset(-200% 0 0 0)}.layer{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:contain;pointer-events:none;will-change:transform}.back{z-index:1}.letter-container{z-index:2;display:flex;justify-content:center;align-items:flex-start;left:0;right:0;margin:0 auto;position:absolute;top:0;transform-origin:center top;transform-style:preserve-3d}.dummy-letter{background:transparent;width:100%;padding:0;box-shadow:none;font-family:Georgia,serif;text-align:center;color:#333;position:relative;overflow:hidden;backface-visibility:hidden}.pocket{z-index:3}.flap-container{z-index:4;transform-style:preserve-3d;transform-origin:top}.flap-img{width:100%;height:auto;object-fit:contain;display:block}.wax-img{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:25%;height:auto;z-index:10;transform-style:preserve-3d}.wax-on-letter{position:absolute;top:20px;left:20px;width:60px;height:auto;z-index:20}.letter-content{width:100%;height:100%;perspective:1000px;-webkit-perspective:1000px;display:flex;justify-content:center;align-items:center;padding:1rem;background:transparent}.flip-card{position:relative;width:100%;max-width:620px;aspect-ratio:2 / 3;text-align:center;transition:transform .8s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;background-color:#fffef7;-webkit-transform:translate3d(0,0,0)}.flip-card-front{color:#000;background-size:cover;background-position:center;z-index:2;transform:rotateY(0);-webkit-transform:rotateY(0deg)}.front-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:0 20px;z-index:1}.spacer-top{height:15%;width:100%;flex-shrink:0}.text-names{font-family:Indie Flower,cursive;font-size:2.2rem;color:#4a4a4a;margin-bottom:.5rem;line-height:1.1;transform:rotate(-2deg)}.text-wit{font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:500;color:#555;max-width:90%;margin-bottom:.8rem;line-height:1.3}.text-date{font-family:Pacifico,cursive;font-size:1.3rem;color:#d2691e;margin-bottom:.5rem}.text-details{font-family:Quicksand,sans-serif;font-size:.85rem;color:#333;max-width:95%;line-height:1.4;margin-bottom:.5rem}.text-dress{font-family:Caveat,cursive;font-size:1.2rem;color:#8b4513;margin-top:.5rem}.flip-card-back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);display:flex;flex-direction:column;overflow-y:auto;z-index:1;background-size:cover;background-position:center}.letter-paper{background:linear-gradient(to bottom,#fffffff2,#ffffffb3 40%,#ffffff4d);width:100%;min-height:100%;padding:1.5rem;text-align:left}.letter-title{font-size:1.8rem;text-align:center;margin-bottom:1.5rem;color:#8b7355;font-family:Georgia,serif}.letter-body p{font-size:1rem;line-height:1.6;margin-bottom:.8rem;color:#333;text-align:justify}@keyframes attention-pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1)}}.nav-button{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;padding:0}.nav-button.pulse-animation{animation:attention-pulse 2s infinite ease-in-out}.nav-button:hover{transform:scale(1.2);animation:none}.nav-arrow-img{width:100%;height:100%;object-fit:contain;display:block}.guests-list{margin-top:1.5rem;padding:1rem;background:#f9f7f1e6;border-left:4px solid #c9a581}.guests-list h3{font-size:1.1rem;margin-bottom:.8rem;color:#8b7355}.guests-list ul{list-style:none;padding:0}.guests-list li{padding:.3rem 0;font-size:1rem;display:flex;align-items:center;gap:.5rem}.guests-list .badge{background:#ffd89b;color:#8b5a00;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:700}.offer-badge{display:inline-block;margin-top:.8rem;margin-right:.8rem;padding:.4rem .8rem;background:#e8f5e9f2;border-radius:6px;font-size:.85rem;color:#2e7d32}.rsvp-section{margin-top:2rem;padding:1.5rem;background:#f0f8fff2;border-radius:8px;border:1px solid #c9a581}.rsvp-section h3{color:#8b7355;margin-bottom:1rem;text-align:center;font-size:1.2rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;margin-bottom:.8rem;cursor:pointer}.button-group{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.rsvp-button{width:100%;border:none;padding:.8rem;font-size:1rem;border-radius:25px;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .2s,box-shadow .2s,opacity .2s;font-weight:600}.rsvp-button:disabled{opacity:.6;cursor:not-allowed}.rsvp-button.confirm{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.rsvp-button.decline{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.rsvp-confirmed,.rsvp-declined{margin-top:2rem;padding:1.5rem;border-radius:8px;text-align:center}.rsvp-confirmed{background:#e8f5e9f2;border:2px solid #4caf50}.rsvp-confirmed h3{color:#2e7d32;margin-bottom:1rem}.rsvp-declined{background:#ffebeef2;border:2px solid #f44336}.rsvp-declined h3{color:#c62828;margin-bottom:1rem}.message{margin-top:1rem;padding:.8rem;border-radius:6px;text-align:center;font-weight:600;font-size:.9rem}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#fdfbfb,#ebedee)}.spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-top-color:#8b7355;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{font-size:1.1rem;color:#555;font-family:Georgia,serif}.invitation-page{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdfbfb,#ebedee)}.app{width:100vw;height:100vh;overflow:hidden}