:root{--env-ivory:#fdfbf7;--env-ivory-dark:#f5f0e8;--env-gold:#c9a96e;--env-gold-dark:#a0824a;--env-wax:#f5f0e8}.env-3d-wrapper{z-index:10000;perspective:1500px;background:#f5f0e8;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s,visibility 1s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.env-3d-wrapper.hidden{opacity:0;visibility:hidden;pointer-events:none}.env-3d-bg{background:radial-gradient(circle,#fff 0%,#f5f0e8 100%);position:absolute;inset:0}.env-3d-texture{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm66 3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-46-45c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm26 18c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm16-18c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1z' fill='%23C9A96E' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");position:absolute;inset:0}.env-3d-shimmer{background:linear-gradient(135deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 200%;animation:6s linear infinite envShimmer;position:absolute;inset:0}@keyframes envShimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.env-3d-scene{width:320px;height:220px;transform-style:preserve-3d;position:relative}.env-3d-envelope{transform-style:preserve-3d;cursor:pointer;transition:transform .6s;position:absolute;inset:0}.env-3d-envelope:hover{transform:rotateX(5deg)rotateY(2deg)}.env-3d-back{background:var(--env-ivory-dark);border-radius:4px;position:absolute;inset:0;transform:translateZ(-2px);box-shadow:0 20px 50px #0000001a}.env-3d-front-bottom,.env-3d-front-left,.env-3d-front-right{background:var(--env-ivory);z-index:10;position:absolute;inset:0;box-shadow:inset 0 0 10px #00000005}.env-3d-front-left{clip-path:polygon(0 0,50% 50%,0 100%);background:#f9f4ed}.env-3d-front-right{clip-path:polygon(100% 0,50% 50%,100% 100%);background:#f9f4ed}.env-3d-front-bottom{clip-path:polygon(0 100%,50% 45%,100% 100%);background:#f0eae3}.env-3d-flap-top{transform-origin:top;width:100%;height:100%;transform-style:preserve-3d;z-index:20;transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.env-3d-flap-inner{background:var(--env-ivory);clip-path:polygon(0 0,100% 0,50% 50%);backface-visibility:hidden;position:absolute;inset:0;box-shadow:0 5px 15px #0000000d}.env-3d-seal{z-index:30;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)translateZ(5px)}.env-3d-seal-wax{background:var(--env-wax);background:radial-gradient(circle at 30% 30%,#fff 0%,#f5f0e8 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 4px 10px #0000001a,inset 0 -2px 5px #0000000d,inset 0 2px 5px #fffc}.env-3d-seal-monogram{color:var(--env-gold);text-shadow:0 1px 1px #ffffff80;font-family:Great Vibes,cursive;font-size:1.2rem}.env-3d-letter{z-index:5;text-align:center;background:#fff;flex-direction:column;align-items:center;padding:30px 20px;transition:transform 1.5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:10px;overflow:hidden;transform:translateZ(-1px);box-shadow:0 2px 10px #0000000d}.env-3d-letter-ornament{color:var(--env-gold);margin-bottom:15px;font-size:1.2rem}.env-3d-letter-initials{color:var(--env-gold-dark);margin-bottom:10px;font-family:Great Vibes,cursive;font-size:2.2rem}.env-3d-letter-initials .amp{margin:0 10px;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-style:italic}.env-3d-letter-title{color:#333;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600}.env-3d-letter-date{color:#888;letter-spacing:3px;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:.8rem}.env-3d-hint{text-align:center;color:var(--env-gold-dark);opacity:.8;animation:2s infinite envHintBounce;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@keyframes envHintBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.env-3d-hint-text{letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;font-family:Montserrat,sans-serif;font-size:.7rem}.env-3d-envelope.open~.env-3d-bg{filter:blur(10px);transition:filter 1.5s}.env-3d-envelope.open #env3dFlap{z-index:2;transform:rotateX(180deg)}.env-3d-envelope.open #env3dSeal{opacity:0;transition:transform .5s,opacity .3s .2s;transform:translate(-50%,-100%)translateZ(5px)scale(1.2)}.env-3d-envelope.open #env3dLetter{transform:translateZ(100px)translateY(-120%)scale(1.5)}.env-3d-envelope.open-done #env3dLetter{opacity:0;transition:transform 1.5s,opacity .8s .7s;transform:translateZ(500px)translateY(-50%)scale(4)}.env-particle{background:var(--env-gold);pointer-events:none;z-index:10001;border-radius:50%;width:4px;height:4px;position:absolute}