body{font-family:var(--font-body);background:var(--bg);color:#2d2a24;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){body{background:#12121a;color:rgba(255,255,255,0.82)}.section{background:transparent !important}.countdown-item{background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);border-color:rgba(255,255,255,0.06)}.countdown-number{color:var(--primary)}.parent-card{background:rgba(255,255,255,0.04);backdrop-filter:blur(10px);border-color:rgba(255,255,255,0.06)}.parent-card .name{color:rgba(255,255,255,0.9)}.parent-card .relation{color:rgba(255,255,255,0.5)}.gallery img{box-shadow:0 8px 30px rgba(0,0,0,0.3)}.rsvp-form{background:rgba(255,255,255,0.04);backdrop-filter:blur(16px);border-color:rgba(255,255,255,0.06)}.rsvp-form label{color:rgba(255,255,255,0.6)}.rsvp-form .field-icon{opacity:0.5}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.85)}.rsvp-form input::placeholder,.rsvp-form textarea::placeholder{color:rgba(255,255,255,0.2)}.rsvp-form input:focus,.rsvp-form select:focus,.rsvp-form textarea:focus{border-color:var(--primary);background:rgba(255,255,255,0.08)}.rsvp-form .status-options label{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6)}.rsvp-form .status-options input[type="radio"]:checked + label{background:color-mix(in srgb,var(--primary) 18%,transparent)}.rsvp-form .guest-count-wrapper{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08)}.rsvp-form .guest-count-wrapper input{background:transparent;color:rgba(255,255,255,0.85)}.rsvp-form .guest-btn{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.4)}.story-text{opacity:0.6}.music-label{background:rgba(0,0,0,0.4);color:rgba(255,255,255,0.5)}}.primary-color{color:var(--primary)}.bg-primary{background:var(--primary)}.border-primary{border-color:var(--primary)}.section{padding:70px 24px;max-width:800px;margin:0 auto;text-align:center}.section-title{font-family:var(--font-display);font-size:3rem;margin-bottom:16px;line-height:1.2;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px}.section-subtitle{font-family:var(--font-body);font-size:0.8rem;letter-spacing:4px;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-weight:500;position:relative;display:inline-block}.section-subtitle::before,.section-subtitle::after{content:' • ';opacity:0.4}.countdown{display:flex;justify-content:center;gap:24px;margin:30px 0}.countdown-item{text-align:center;min-width:70px;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);border-radius:16px;padding:16px 10px;box-shadow:0 4px 20px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04)}.countdown-number{font-size:2.5rem;font-weight:600;font-family:'Playfair Display',serif}.countdown-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:2px;opacity:0.5;margin-top:6px;font-family:'Montserrat',sans-serif}.divider{width:60px;height:2px;margin:20px auto;border-radius:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.story-text{font-size:1.05rem;line-height:1.9;max-width:560px;margin:0 auto;opacity:0.75}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:20px}.gallery img{width:100%;height:280px;object-fit:contain;background:rgba(0,0,0,0.03);border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.06);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.6s ease}.gallery img:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.1)}.rsvp-form{max-width:520px;margin:0 auto;text-align:left;background:rgba(255,255,255,0.45);backdrop-filter:blur(16px);border-radius:24px;padding:40px 36px;border:1px solid rgba(0,0,0,0.04);box-shadow:0 12px 48px rgba(0,0,0,0.04);position:relative;overflow:hidden}.rsvp-form::before{content:'';position:absolute;top:-60%;right:-40%;width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent),transparent 70%);border-radius:50%;pointer-events:none}.rsvp-form .field-group{margin-bottom:18px}.rsvp-form label{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:500;font-size:0.82rem;letter-spacing:0.5px;color:rgba(0,0,0,0.55);font-family:'Montserrat',sans-serif}.rsvp-form .field-icon{font-size:0.85rem;opacity:0.7}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{width:100%;padding:13px 16px;border:1.5px solid rgba(0,0,0,0.06);border-radius:14px;font-size:0.95rem;font-family:var(--font-body);background:rgba(255,255,255,0.85);transition:border-color 0.3s,box-shadow 0.3s,background 0.3s;outline:none;color:#2d2a24}.rsvp-form input:focus,.rsvp-form select:focus,.rsvp-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent);background:rgba(255,255,255,0.96)}.rsvp-form input::placeholder,.rsvp-form textarea::placeholder{color:rgba(0,0,0,0.2);font-style:italic}.rsvp-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.rsvp-form button{width:100%;padding:15px 20px;border:none;border-radius:14px;font-size:1rem;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:0.5px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;position:relative;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;display:flex;align-items:center;justify-content:center;gap:8px}.rsvp-form button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.12),transparent);transform:rotate(45deg) translateX(-100%);transition:transform 0.6s}.rsvp-form button:hover::before{transform:rotate(45deg) translateX(100%)}.rsvp-form button:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.rsvp-form button:active{transform:translateY(0)}.rsvp-form .status-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:18px}.rsvp-form .status-options input[type="radio"]{display:none}.rsvp-form .status-options label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:14px;border:1.5px solid rgba(0,0,0,0.06);cursor:pointer;font-size:0.75rem;font-weight:500;text-align:center;background:rgba(255,255,255,0.6);transition:all 0.25s;margin:0}.rsvp-form .status-options label:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.rsvp-form .status-options input[type="radio"]:checked + label{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 15%,transparent)}.rsvp-form .status-options .status-icon{font-size:1.3rem}.rsvp-form .guest-count-wrapper{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.6);border:1.5px solid rgba(0,0,0,0.06);border-radius:14px;padding:4px;margin-bottom:18px}.rsvp-form .guest-count-wrapper input{border:none;margin:0;text-align:center;font-size:1.2rem;font-weight:600;padding:8px 4px;background:transparent;box-shadow:none;flex:1}.rsvp-form .guest-count-wrapper input:focus{box-shadow:none;background:transparent}.rsvp-form .guest-btn{width:38px;height:38px;border-radius:10px;border:none;background:rgba(0,0,0,0.04);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background 0.2s;flex-shrink:0;color:rgba(0,0,0,0.4)}.rsvp-form .guest-btn:hover{background:color-mix(in srgb,var(--primary) 15%,transparent)}.rsvp-form .guest-count-label{font-size:0.75rem;color:rgba(0,0,0,0.35);font-family:'Montserrat',sans-serif;white-space:nowrap;padding-right:8px}.map-container{width:100%;height:320px;border-radius:16px;margin-top:24px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.06)}.footer{padding:50px 24px;text-align:center;position:relative;overflow:hidden}.footer::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));opacity:0.9}.footer > *{position:relative;z-index:1}.music-player{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.music-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 20px rgba(0,0,0,0.12);transition:all 0.3s}.music-btn:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(0,0,0,0.18)}.music-label{font-size:0.65rem;color:rgba(0,0,0,0.4);letter-spacing:1px;font-family:'Montserrat',sans-serif;padding:4px 12px;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border-radius:20px}.envelope-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:linear-gradient(145deg,var(--primary-dark) 0%,#1a1a2e 40%,#0f3460 100%);transition:background 0.5s}.envelope-screen.event-wedding{background:linear-gradient(145deg,var(--primary-dark) 0%,#2d1b2e 40%,#4a1942 100%)}.envelope-screen.event-engagement{background:linear-gradient(145deg,var(--primary-dark) 0%,#2d1b3e 40%,#3a1f5e 100%)}.envelope-screen.event-circumcision{background:linear-gradient(145deg,#0f4c5c 0%,#0a2a36 40%,#0f3460 100%)}.envelope-screen.event-birthday{background:linear-gradient(145deg,#c9434a 0%,#2d1020 40%,#4a1020 100%)}.envelope-screen.event-corporate{background:linear-gradient(145deg,#1e293b 0%,#0f172a 40%,#1e3a5f 100%)}.envelope-screen.event-graduation{background:linear-gradient(145deg,#4a148c 0%,#1a0a2e 40%,#2d1b4e 100%)}.envelope-screen.event-birthday .envelope-body{background:linear-gradient(165deg,#e84393,#c0387a) !important}.envelope-screen.event-graduation .envelope-body{background:linear-gradient(165deg,#6c5ce7,#4a148c) !important}.envelope-screen.event-circumcision .envelope-body{background:linear-gradient(165deg,#00b894,#008060) !important}.envelope-screen.event-corporate .envelope-body{background:linear-gradient(165deg,#2d3436,#1a1a2e) !important}.envelope-screen.event-wedding .envelope-body{background:linear-gradient(165deg,var(--primary),var(--primary-dark)) !important}.envelope-screen.event-engagement .envelope-body{background:linear-gradient(165deg,var(--primary),#6c3483) !important}.envelope-screen.event-birthday .envelope-seal{background:linear-gradient(135deg,#fd79a8,#e84393) !important;font-size:1.6rem !important}.envelope-screen.event-graduation .envelope-seal{background:linear-gradient(135deg,#a29bfe,#6c5ce7) !important;font-size:1.6rem !important}.envelope-screen.event-circumcision .envelope-seal{background:linear-gradient(135deg,#55efc4,#00b894) !important;font-size:1.6rem !important}.envelope-screen .particle-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.envelope-screen .sparkle{position:absolute;border-radius:50%;pointer-events:none;animation:sparkleFloat 4s ease-in-out infinite}@keyframes sparkleFloat{0%,100%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:0.8;transform:translateY(-30px) scale(1)}}.envelope-screen .ring{position:absolute;border:1px solid rgba(255,255,255,0.06);border-radius:50%;animation:ringExpand 5s ease-out infinite;pointer-events:none}@keyframes ringExpand{0%{transform:scale(0.3);opacity:0.5}100%{transform:scale(2.5);opacity:0}}.envelope-screen .hint{position:absolute;bottom:44px;color:rgba(255,255,255,0.3);font-size:0.8rem;letter-spacing:3px;animation:hintPulse 2.5s ease-in-out infinite;font-family:'Montserrat',sans-serif;text-shadow:0 2px 10px rgba(0,0,0,0.3)}@keyframes hintPulse{0%,100%{transform:translateY(0);opacity:0.2}50%{transform:translateY(-8px);opacity:0.6}}.envelope-screen .floating-hearts{position:absolute;inset:0;pointer-events:none;overflow:hidden}.envelope-screen .floating-hearts span{position:absolute;font-size:1.2rem;opacity:0;animation:heartRise 6s ease-in infinite}@keyframes heartRise{0%{opacity:0;transform:translateY(100vh) rotate(0deg) scale(0.5)}20%{opacity:0.3}80%{opacity:0.3}100%{opacity:0;transform:translateY(-100px) rotate(360deg) scale(1)}}.envelope-wrapper{position:relative;perspective:1400px;z-index:2;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1)}.envelope-wrapper:hover{transform:scale(1.04) translateY(-6px)}.envelope{width:460px;height:310px;position:relative;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.2s,opacity 0.8s ease 0.2s;filter:drop-shadow(0 30px 80px rgba(0,0,0,0.2));transform:rotateX(3deg) rotateY(-4deg)}.envelope-wrapper:hover .envelope{transform:rotateX(2deg) rotateY(-7deg);filter:drop-shadow(0 40px 100px rgba(0,0,0,0.25))}.envelope.open{transform:scale(1.7) translateY(-70px) rotateX(6deg);opacity:0;pointer-events:none;filter:drop-shadow(0 60px 120px rgba(0,0,0,0.25))}.envelope-body{position:absolute;inset:0;background:linear-gradient(165deg,var(--primary),var(--primary-dark));border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),inset 0 -1px 0 rgba(0,0,0,0.15),0 1px 4px rgba(0,0,0,0.06);overflow:hidden}.envelope-body::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(88deg,transparent,transparent 2px,rgba(255,255,255,0.012) 2px,rgba(255,255,255,0.012) 4px),repeating-linear-gradient(2deg,transparent,transparent 3px,rgba(255,255,255,0.008) 3px,rgba(255,255,255,0.008) 6px);pointer-events:none;z-index:0}.envelope-body::before{content:'';position:absolute;inset:0;border:1px solid rgba(0,0,0,0.06);border-radius:3px;pointer-events:none;z-index:2}.envelope-body .gusset-left,.envelope-body .gusset-right{position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:1}.envelope-body .gusset-left{left:0;background:linear-gradient(90deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.04) 35%,transparent 100%)}.envelope-body .gusset-left::after{content:'';position:absolute;left:24px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.08),transparent)}.envelope-body .gusset-right{right:0;background:linear-gradient(270deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.04) 35%,transparent 100%)}.envelope-body .gusset-right::after{content:'';position:absolute;right:24px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.08),transparent)}.envelope-body .bottom-fold{position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(0deg,rgba(0,0,0,0.08) 0%,transparent 100%);pointer-events:none;z-index:1}.envelope-body .bottom-fold::after{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:rgba(0,0,0,0.05)}.envelope-body .pattern-watermark{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.15;pointer-events:none;z-index:1;mix-blend-mode:soft-light}.envelope-body .triangle-left,.envelope-body .triangle-right{position:absolute;width:24px;height:40px;pointer-events:none;z-index:1}.envelope-body .triangle-left{left:0;top:50%;margin-top:-20px;background:linear-gradient(135deg,rgba(0,0,0,0.05) 0%,transparent 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.envelope-body .triangle-right{right:0;top:50%;margin-top:-20px;background:linear-gradient(-135deg,rgba(0,0,0,0.05) 0%,transparent 100%);clip-path:polygon(100% 0,0 50%,100% 100%)}.envelope-flap{position:absolute;top:-95px;left:0;right:0;height:110px;background:linear-gradient(168deg,var(--primary),var(--primary-dark));clip-path:polygon(2% 0,50% 97%,98% 0);transform-origin:bottom center;transition:transform 0.9s cubic-bezier(0.34,1.56,0.64,1) 0.2s;z-index:3;filter:brightness(0.84);will-change:transform;backface-visibility:hidden}.envelope.open .envelope-flap{transform:rotateX(185deg)}.envelope.open .envelope-flap .flap-glue{opacity:0}.envelope-flap::before{content:'';position:absolute;bottom:-8px;left:10%;right:10%;height:12px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.12) 0%,transparent 70%);pointer-events:none}.envelope-flap::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(88deg,transparent,transparent 2px,rgba(255,255,255,0.015) 2px,rgba(255,255,255,0.015) 4px);pointer-events:none}.envelope.open .envelope-flap::before{opacity:0}.flap-glue{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:60%;height:8px;background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.14));border-radius:4px;pointer-events:none;box-shadow:inset 0 1px 2px rgba(255,255,255,0.1);transition:opacity 0.3s ease}.flap-glue::after{content:'';position:absolute;top:2px;left:15%;right:15%;height:1px;background:rgba(255,255,255,0.06);border-radius:2px}.envelope.open .flap-glue{opacity:0}.envelope-seal{position:absolute;top:-52px;left:50%;transform:translateX(-50%);width:56px;height:56px;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--primary) 90%,#fff),var(--primary-dark));border:2px solid rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:4;font-size:1.2rem;color:rgba(255,255,255,0.85);transition:all 0.7s cubic-bezier(0.34,1.56,0.64,1) 0.2s;box-shadow:0 4px 20px rgba(0,0,0,0.35),inset 0 2px 4px rgba(255,255,255,0.15);text-shadow:0 1px 3px rgba(0,0,0,0.3);cursor:default}.envelope-seal::after{content:'';position:absolute;top:4px;left:8px;right:8px;height:4px;background:radial-gradient(ellipse at center,rgba(255,255,255,0.15) 0%,transparent 70%);border-radius:50%}.envelope.open .envelope-seal{opacity:0;transform:translateX(-50%) scale(0) rotate(380deg)}.envelope-inner{position:absolute;top:12px;left:12px;right:12px;bottom:12px;background:linear-gradient(160deg,#fffdf7,#fefcf8);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center;z-index:1;box-shadow:inset 0 2px 8px rgba(0,0,0,0.03),0 0 0 1px rgba(0,0,0,0.02)}.envelope-inner::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,0.006) 1px,rgba(0,0,0,0.006) 2px);pointer-events:none}.envelope-inner .letter-fold{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.03),transparent)}.envelope-inner::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,0.008) 1px,rgba(0,0,0,0.008) 2px);pointer-events:none}.envelope-inner .heart{font-size:2.8rem;animation:heartBeat 1.8s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(255,0,0,0.2));margin-bottom:4px}@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}.envelope-inner .names{font-family:var(--font-display);font-size:2.8rem;color:var(--envelope-text);margin:8px 0 6px;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,0.03)}.envelope-inner .names .ampersand{font-family:'Anydore',cursive;font-size:3.8rem;color:var(--primary);display:inline-block;margin:0 4px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.08))}.envelope-inner .sub{font-size:0.7rem;color:var(--envelope-text);text-transform:uppercase;letter-spacing:3px;font-family:'Montserrat',sans-serif;opacity:0.8;font-weight:500}.envelope-inner .env-message{font-size:0.7rem;color:var(--envelope-text);opacity:0.7;margin-top:10px;line-height:1.5;max-width:90%;font-family:'Montserrat',sans-serif;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.envelope-inner .deco-line{width:50px;height:1.5px;background:linear-gradient(90deg,transparent,var(--primary),transparent);margin:8px auto;opacity:0.5;border-radius:2px}.envelope-glow{position:absolute;top:50%;left:50%;width:140px;height:140px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 20%,transparent),transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0.8);transition:all 1.2s ease;pointer-events:none;z-index:0}.envelope.open ~ .envelope-glow{transform:translate(-50%,-50%) scale(5);opacity:0}.floating-letter{position:absolute;width:250px;height:170px;background:linear-gradient(160deg,#fffdf7,#fff);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,0.18);z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;opacity:0;transform:translateY(30px) scale(0.7) rotate(-5deg);transition:all 1s cubic-bezier(0.34,1.56,0.64,1) 0.3s;pointer-events:none;border:1px solid rgba(255,255,255,0.5)}.floating-letter.show{opacity:1;transform:translateY(-70px) scale(1) rotate(0deg);box-shadow:0 40px 100px rgba(0,0,0,0.2);pointer-events:auto}.envelope-inner{user-select:text}.floating-letter{user-select:text}.floating-letter .heart-icon{font-size:1.6rem;margin-bottom:8px;animation:heartBeat 2s ease-in-out infinite}.floating-letter .letter-names{font-family:var(--font-display);font-size:1rem;color:#555}.floating-letter .letter-names .ampersand{font-family:'Anydore',cursive;font-size:1.4rem;color:var(--primary);display:inline-block;line-height:1}.floating-letter .letter-sub{font-size:0.6rem;color:#999;letter-spacing:3px;text-transform:uppercase;font-family:'Montserrat',sans-serif;margin-top:6px;font-weight:500}.floating-letter .letter-msg{font-size:0.6rem;color:#888;line-height:1.5;margin-top:6px;max-width:85%;font-family:'Montserrat',sans-serif;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.floating-letter .letter-deco{width:36px;height:1.5px;background:linear-gradient(90deg,transparent,var(--primary),transparent);margin:8px auto;opacity:0.4}.particle{position:absolute;border-radius:50%;opacity:0;pointer-events:none;z-index:3}.particle.burst{animation:particleBurst 1.5s ease-out forwards}@keyframes particleBurst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.particle.heart-shape{border-radius:0;clip-path:path('M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z')}.confetti-piece{position:absolute;opacity:0;pointer-events:none;z-index:3}.confetti-piece.burst{animation:confettiFall 2.5s ease-out forwards}@keyframes confettiFall{0%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(1080deg) scale(0.2)}}.invitation-content{opacity:0;transition:opacity 1s ease 0.5s}.invitation-content.visible{opacity:1}.cover-section{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;padding:24px;overflow:hidden}.cover-section .cover-bg{position:absolute;inset:0;z-index:2;background-size:cover;background-position:center;filter:saturate(1.1);transform:scale(1.05);transition:transform 0.1s ease-out}.cover-section:has(.cover-video) .cover-bg{opacity:0.55}.cover-section .cover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1}.cover-section .cover-bg::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.5) 100%)}.cover-section .cover-bg::before{content:'';position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 50% 30%,transparent 0%,rgba(0,0,0,0.2) 100%)}.cover-section .cover-overlay{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,0.2) 100%)}.cover-section .cover-deco{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80vmin;height:80vmin;border:1px solid rgba(255,255,255,0.06);border-radius:50%;pointer-events:none;z-index:1;animation:coverRing 4s ease-in-out infinite}.cover-section .cover-deco:nth-child(2){width:60vmin;height:60vmin;border-color:rgba(255,255,255,0.04);animation-delay:-1.5s}.cover-section .cover-deco:nth-child(3){width:40vmin;height:40vmin;border-color:rgba(255,255,255,0.03);animation-delay:-3s}@keyframes coverRing{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.5}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}.cover-section .cover-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.cover-section .cover-particle{position:absolute;width:2px;height:2px;background:rgba(255,255,255,0.3);border-radius:50%;animation:coverParticle 6s linear infinite}@keyframes coverParticle{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-10vh) translateX(50px);opacity:0}}.cover-section .names{font-family:var(--font-display);font-size:4.5rem;margin-bottom:8px;text-shadow:0 4px 40px rgba(0,0,0,0.4);position:relative;line-height:1.15;animation:coverFadeUp 1.2s cubic-bezier(0.22,1,0.36,1);z-index:3;letter-spacing:-0.5px}.cover-section .names .groom,.cover-section .names .bride{display:block}.cover-section .date{font-size:1rem;letter-spacing:5px;text-transform:uppercase;opacity:0.8;position:relative;font-family:'Montserrat',sans-serif;font-weight:300;animation:coverFadeUp 1.2s cubic-bezier(0.22,1,0.36,1) 0.2s both;z-index:3;margin-top:16px}.cover-section .date::before,.cover-section .date::after{content:'——';margin:0 12px;opacity:0.3;letter-spacing:-2px}.cover-section .ampersand{font-family:'Anydore',cursive;font-size:5.5rem;opacity:0.5;margin:0 12px;display:inline-block;filter:drop-shadow(0 2px 20px rgba(255,255,255,0.1));line-height:0;vertical-align:middle}.cover-section .scroll-indicator{position:absolute;bottom:36px;z-index:3;color:rgba(255,255,255,0.35);font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;font-family:'Montserrat',sans-serif;cursor:pointer;animation:coverFadeUp 1.2s cubic-bezier(0.22,1,0.36,1) 0.8s both;display:flex;flex-direction:column;align-items:center;gap:8px;transition:opacity 0.3s}.cover-section .scroll-indicator:hover{opacity:0.7}.cover-section .scroll-indicator .line{width:1px;height:30px;background:linear-gradient(180deg,rgba(255,255,255,0.4),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,100%{transform:scaleY(0.3);opacity:0.2}50%{transform:scaleY(1);opacity:0.8}}@keyframes coverFadeUp{from{opacity:0;transform:translateY(40px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.parents-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;max-width:620px;margin:0 auto}.parent-card{min-width:230px;padding:28px 24px;border-radius:20px;background:rgba(255,255,255,0.5);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.04);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.4s ease;position:relative;overflow:hidden}.parent-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0.3}.parent-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.06)}.parent-card .name{font-family:var(--font-display);font-size:1.5rem;margin-bottom:6px;position:relative}.parent-card .relation{font-size:0.85rem;opacity:0.55;font-style:italic;font-family:var(--font-body)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10000;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#e05278));transform-origin:left;transform:scaleX(0);transition:transform 0.1s linear}.cover-parallax{transform:translateZ(0);will-change:transform}.float-deco{position:fixed;pointer-events:none;z-index:0;font-size:1.4rem;opacity:0;transition:opacity 1s ease}.float-deco.visible{opacity:0.12}.animate-on-scroll{opacity:0;transition:opacity 0.9s cubic-bezier(0.22,1,0.36,1),transform 0.9s cubic-bezier(0.22,1,0.36,1)}.animate-on-scroll.fade-up{transform:translateY(50px)}.animate-on-scroll.fade-left{transform:translateX(-50px)}.animate-on-scroll.fade-right{transform:translateX(50px)}.animate-on-scroll.zoom-in{transform:scale(0.88)}.animate-on-scroll.zoom-out{transform:scale(1.08)}.animate-on-scroll.rotate-in{transform:perspective(800px) rotateX(8deg) translateY(40px);transform-origin:top center}.animate-on-scroll.visible{opacity:1;transform:translateY(0) translateX(0) scale(1) perspective(800px) rotateX(0)}@media (max-width:768px){.cover-section .names{font-size:2.6rem}.cover-section .ampersand{font-size:3.2rem}.cover-section .date{font-size:0.75rem;letter-spacing:3px}.cover-section .date::before,.cover-section .date::after{margin:0 6px}.section-title{font-size:2rem}.section{padding:50px 20px}.countdown{gap:12px;flex-wrap:wrap}.countdown-item{min-width:60px;padding:12px 8px}.countdown-number{font-size:1.8rem}.envelope{width:360px;height:250px}.envelope-flap{top:-76px;height:84px}.envelope-seal{top:-44px;width:40px;height:40px;font-size:0.8rem}.envelope-inner{top:8px;left:8px;right:8px;bottom:8px;padding:18px}.envelope-inner .names{font-size:1.8rem}.envelope-inner .heart{font-size:2.4rem}.envelope-inner .env-message{font-size:0.65rem;-webkit-line-clamp:6}.envelope.open{transform:scale(1.5) translateY(-50px) rotateX(5deg)}.envelope-body .gusset-left,.envelope-body .gusset-right{width:20px}.envelope-body .bottom-fold{height:16px}.floating-letter{width:220px;height:150px;padding:16px}.floating-letter .letter-names{font-size:0.9rem}.floating-letter .letter-msg{font-size:0.55rem;-webkit-line-clamp:4}.parents-grid{gap:24px}.parent-card{min-width:160px}.gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gallery img{height:200px;object-fit:contain}.rsvp-form{padding:24px}}@media (max-width:420px){.envelope{width:300px;height:216px}.envelope-flap{top:-66px;height:72px}.envelope-seal{top:-38px;width:34px;height:34px;font-size:0.7rem}.envelope-inner{top:8px;left:8px;right:8px;bottom:8px;padding:16px}.envelope-inner .heart{font-size:2rem}.envelope-inner .names{font-size:1.8rem}.envelope-inner .sub{font-size:0.6rem}.envelope-inner .env-message{font-size:0.6rem;-webkit-line-clamp:5}.envelope.open{transform:scale(1.3) translateY(-40px) rotateX(4deg)}.floating-letter{width:190px;height:125px;padding:14px}.floating-letter .letter-msg{font-size:0.5rem;-webkit-line-clamp:3}.floating-letter.show{transform:translateY(-40px) scale(1) rotate(0deg)}}.envelope-body.pattern-lace,.envelope-flap.pattern-lace{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0.35) 0px,rgba(255,255,255,0.35) 2px,transparent 2px,transparent 8px),repeating-linear-gradient(-45deg,rgba(255,255,255,0.35) 0px,rgba(255,255,255,0.35) 2px,transparent 2px,transparent 8px),linear-gradient(160deg,var(--primary),var(--primary-dark))}.envelope-body.pattern-lace::after,.envelope-body.pattern-floral::after,.envelope-body.pattern-geometric::after,.envelope-body.pattern-stars::after,.envelope-body.pattern-damask::after,.envelope-body.pattern-minimal::after,.envelope-body.pattern-leaf::after,.envelope-body.pattern-vine::after,.envelope-body.pattern-blossom::after,.envelope-body.pattern-botanic::after,.envelope-body.pattern-fern::after,.envelope-body.pattern-petal::after{display:none}.envelope-body.pattern-floral,.envelope-flap.pattern-floral{background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 3px,transparent 3px),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 3px,transparent 3px),radial-gradient(circle at 50% 50%,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.18) 5px,transparent 5px),linear-gradient(160deg,var(--primary),var(--primary-dark));background-size:40px 40px,40px 40px,60px 60px,auto}.envelope-body.pattern-geometric,.envelope-flap.pattern-geometric{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,0.35) 0px,rgba(255,255,255,0.35) 2px,transparent 2px,transparent 22px),repeating-linear-gradient(90deg,rgba(255,255,255,0.35) 0px,rgba(255,255,255,0.35) 2px,transparent 2px,transparent 22px),linear-gradient(160deg,var(--primary),var(--primary-dark));background-size:24px 24px,24px 24px,auto}.envelope-body.pattern-stars,.envelope-flap.pattern-stars{background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 3px,transparent 3px),radial-gradient(circle at 85% 25%,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 2px,transparent 2px),radial-gradient(circle at 45% 75%,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 3px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(255,255,255,0.28) 0%,rgba(255,255,255,0.28) 2px,transparent 2px),linear-gradient(160deg,var(--primary),var(--primary-dark));background-size:60px 60px,60px 60px,60px 60px,60px 60px,auto}.envelope-body.pattern-hearts,.envelope-flap.pattern-hearts{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='rgba(255,255,255,0.3)' d='M20 36.7l-2.4-2.2C9 26.3 3.3 21.2 3.3 14.8c0-5 4-9 9-9 2.9 0 5.7 1.4 7.7 3.5 2-2.1 4.8-3.5 7.7-3.5 5 0 9 4 9 9 0 6.4-5.7 11.5-14.3 19.7L20 36.7z'/%3E%3C/svg%3E"),linear-gradient(160deg,var(--primary),var(--primary-dark));background-size:36px 36px,auto}.envelope-body.pattern-hearts::after{display:none}.envelope-body.pattern-damask,.envelope-flap.pattern-damask{background-image:repeating-conic-gradient(rgba(255,255,255,0.28) 0% 25%,transparent 0% 50%),linear-gradient(160deg,var(--primary),var(--primary-dark));background-size:28px 28px,auto}.envelope-body.pattern-minimal,.envelope-flap.pattern-minimal{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,0.35) 0px,rgba(255,255,255,0.35) 2px,transparent 2px,transparent 18px),linear-gradient(160deg,var(--primary),var(--primary-dark));background-size:20px 100%,auto}.envelope-body.pattern-leaf,.envelope-flap.pattern-leaf{background-image:repeating-linear-gradient(12deg,transparent 0px,transparent 14px,rgba(255,255,255,0.28) 14px,rgba(255,255,255,0.28) 16px,transparent 16px,transparent 30px),linear-gradient(90deg,transparent 46%,rgba(255,255,255,0.32) 46%,rgba(255,255,255,0.32) 54%,transparent 54%),linear-gradient(160deg,var(--primary),var(--primary-dark))}.envelope-body.pattern-vine,.envelope-flap.pattern-vine{background-image:repeating-linear-gradient(50deg,transparent 0px,transparent 24px,rgba(255,255,255,0.25) 24px,rgba(255,255,255,0.25) 27px,transparent 27px,transparent 48px),repeating-linear-gradient(-50deg,transparent 0px,transparent 14px,rgba(255,255,255,0.18) 14px,rgba(255,255,255,0.18) 16px,transparent 16px,transparent 40px),linear-gradient(160deg,var(--primary),var(--primary-dark))}.envelope-body.pattern-blossom,.envelope-flap.pattern-blossom{background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,0.32) 0%,rgba(255,255,255,0.32) 3px,transparent 3px),radial-gradient(circle at 10% 30%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 20% 30%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 15% 34%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 45% 65%,rgba(255,255,255,0.32) 0%,rgba(255,255,255,0.32) 3px,transparent 3px),radial-gradient(circle at 40% 70%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 50% 70%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 45% 74%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 75% 25%,rgba(255,255,255,0.32) 0%,rgba(255,255,255,0.32) 3px,transparent 3px),radial-gradient(circle at 70% 30%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 80% 30%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),radial-gradient(circle at 75% 34%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 2px,transparent 2px),linear-gradient(160deg,var(--primary),var(--primary-dark))}.envelope-body.pattern-botanic,.envelope-flap.pattern-botanic{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,0.2) 0px,rgba(255,255,255,0.2) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(90deg,rgba(255,255,255,0.2) 0px,rgba(255,255,255,0.2) 1px,transparent 1px,transparent 10px),radial-gradient(circle at 25% 25%,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 1.5px,transparent 1.5px),radial-gradient(circle at 75% 75%,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 1.5px,transparent 1.5px),linear-gradient(160deg,var(--primary),var(--primary-dark))}.envelope-body.pattern-fern,.envelope-flap.pattern-fern{background-image:repeating-linear-gradient(30deg,rgba(255,255,255,0.25) 0px,rgba(255,255,255,0.25) 2px,transparent 2px,transparent 20px),repeating-linear-gradient(-30deg,rgba(255,255,255,0.18) 0px,rgba(255,255,255,0.18) 1.5px,transparent 1.5px,transparent 20px),linear-gradient(90deg,transparent 46%,rgba(255,255,255,0.28) 46%,rgba(255,255,255,0.28) 54%,transparent 54%),linear-gradient(160deg,var(--primary),var(--primary-dark))}.envelope-body.pattern-petal,.envelope-flap.pattern-petal{background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 7px,transparent 7px),radial-gradient(circle at 50% 20%,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.18) 6px,transparent 6px),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 7px,transparent 7px),radial-gradient(circle at 35% 50%,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.18) 6px,transparent 6px),radial-gradient(circle at 65% 50%,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.18) 6px,transparent 6px),radial-gradient(circle at 20% 80%,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 7px,transparent 7px),radial-gradient(circle at 50% 80%,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.18) 6px,transparent 6px),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 7px,transparent 7px),linear-gradient(160deg,var(--primary),var(--primary-dark));background-size:60px 60px,60px 60px,60px 60px,60px 60px,60px 60px,60px 60px,60px 60px,60px 60px,auto}.anim-classic .envelope{transform:rotateX(2deg) rotateY(-3deg)}.anim-classic .envelope-wrapper:hover .envelope{transform:rotateX(1deg) rotateY(-6deg)}.anim-classic .envelope.open{transform:scale(1.7) translateY(-70px) rotateX(6deg)}.anim-flip .envelope{transform:rotateX(3deg) rotateY(-5deg)}.anim-flip .envelope-wrapper:hover .envelope{transform:rotateX(2deg) rotateY(-10deg)}.anim-flip .envelope.open{transform:scale(1.8) translateY(-90px) rotateX(12deg) rotateY(15deg)}.anim-flip .envelope-flap{transition:transform 1.1s cubic-bezier(0.34,1.56,0.64,1) 0.15s}.anim-flip .envelope-screen{background:linear-gradient(145deg,#2a1a2e,#1a1a2e 40%,#0f2030 100%)}.anim-heart .envelope{transform:rotateX(-2deg) rotateY(4deg) scale(0.95)}.anim-heart .envelope-wrapper:hover .envelope{transform:rotateX(-1deg) rotateY(6deg) scale(0.98)}.anim-heart .envelope.open{transform:scale(2.0) translateY(-50px) rotateX(-8deg) translateZ(80px)}.anim-heart .envelope-flap{clip-path:polygon(2% 0,50% 100%,98% 0);border-radius:0 0 30% 30%}.anim-heart .envelope-seal{background:linear-gradient(145deg,#ff6b6b,#c0392b);border-color:rgba(255,255,255,0.3);box-shadow:0 0 30px rgba(255,107,107,0.4)}.anim-heart .envelope-screen{background:linear-gradient(145deg,#2d1b2e,#1a1a2e 40%,#0f3460 100%)}.anim-magic .envelope{transform:rotateX(4deg) rotateY(2deg)}.anim-magic .envelope-wrapper:hover .envelope{transform:rotateX(2deg) rotateY(4deg)}.anim-magic .envelope.open{transition:transform 1.8s cubic-bezier(0.34,1.56,0.64,1) 0.2s,opacity 1.2s ease 0.4s;transform:scale(1.6) translateY(-100px) rotateX(15deg) rotateY(8deg) translateZ(40px)}.anim-magic .envelope-flap{transition:transform 1.3s cubic-bezier(0.34,1.56,0.64,1) 0.15s}.anim-magic .envelope-screen{background:linear-gradient(145deg,#1a1a3e,#0d0d2b 40%,#1a0a2e 100%)}.anim-ripple .envelope{transform:rotateX(2deg) scale(1)}.anim-ripple .envelope-wrapper:hover .envelope{transform:rotateX(0deg) scale(1.02)}.anim-ripple .envelope.open{transform:scale(1.7) translateY(-60px) rotateX(5deg)}.anim-ripple .envelope.open ~ .envelope-glow{transform:translate(-50%,-50%) scale(8);background:radial-gradient(circle,color-mix(in srgb,var(--primary) 40%,transparent),transparent 70%)}.anim-ripple .envelope-flap{transition:transform 1.0s cubic-bezier(0.34,1.56,0.64,1) 0.25s}@media (max-width:768px){.envelope{transform:rotateX(1deg) rotateY(-2deg)}.envelope-wrapper:hover .envelope{transform:rotateX(0deg) rotateY(-3deg)}.anim-flip .envelope.open{transform:scale(1.5) translateY(-60px) rotateX(10deg) rotateY(10deg)}.anim-heart .envelope.open{transform:scale(1.6) translateY(-40px) rotateX(-4deg) translateZ(40px)}.anim-magic .envelope.open{transform:scale(1.3) translateY(-70px) rotateX(10deg) rotateY(4deg) translateZ(20px)}.anim-ripple .envelope.open{transform:scale(1.4) translateY(-40px) rotateX(3deg)}}