@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bounceRight{0%,20%,50%,80%,to{transform:translateX(0)}40%{transform:translateX(4px)}60%{transform:translateX(2px)}}.animate-bounce-right{animation:bounce-right 1.5s infinite}@keyframes peek-from-bottom{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}.animate-peek{animation:peek-from-bottom 2s ease-in-out}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-scale-pulse{animation:scale-pulse 2s ease-in-out infinite}.backface-hidden,.backface-hidden-front{backface-visibility:hidden}.backface-hidden-front{transform:rotateY(180deg)}.backface-hidden-back{backface-visibility:hidden}@keyframes envelope-flip{0%{transform:translate(-50%,-50%) rotateY(0deg)}50%{transform:translate(-50%,-50%) rotateY(90deg)}to{transform:translate(-50%,-50%) rotateY(180deg)}}@keyframes envelope-flap-open{0%{transform:rotateX(0deg);z-index:2000}to{transform:rotateX(-180deg);z-index:2000}}.envelope-animation{transform-style:preserve-3d;perspective:1000px;animation:envelope-flip 2s forwards;animation-delay:.5s}.envelope-flap-animation{transform-style:preserve-3d;animation:envelope-flap-open 1.5s forwards;animation-delay:2.5s}.paused,.paused *{animation-play-state:paused!important}@keyframes flipEnvelope{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes openFlap{0%{transform:rotateX(0deg)}to{transform:rotateX(180deg)}}@keyframes slide-out{0%{opacity:0;transform:translate(-50%) rotate(-90deg);z-index:10}1%{opacity:1;transform:translate(-50%) rotate(-90deg);z-index:10}20%{opacity:1;transform:translate(-50%,-150%) rotate(-90deg);z-index:10}50%{opacity:1;transform:translate(-50%,-50%) rotate(0deg);z-index:10}80%,to{opacity:1;transform:translate(-50%,-50%) rotate(0deg) translateZ(100px);z-index:30}}@keyframes fadeEnvelope{0%{opacity:1;z-index:20}60%{opacity:1;z-index:20}to{opacity:0;z-index:0}}.envelope-container{transform-style:preserve-3d;perspective:1000px;transform:rotateY(0deg);animation:flipEnvelope 1s ease-in-out 1s forwards}.envelope{animation:fadeEnvelope 4s ease-in-out 3s forwards}.envelope-flap{transform-origin:top;animation:openFlap 2s ease-in-out 2s forwards}.letter-card{opacity:0;animation:slide-out 3s ease-in-out forwards;animation-delay:2s}.new-envelope-container{animation:flip-envelope 2s forwards}.new-envelope,.new-envelope-container{transform-style:preserve-3d}.new-envelope-flap{animation:open-new-flap 1.5s forwards;animation-delay:2s}@keyframes flip-envelope{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes open-new-flap{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}@keyframes card-pull-out{0%{transform:translate(-50%,-50%) rotate(-90deg);z-index:10;opacity:0}20%{transform:translate(-50%,-50%) rotate(-90deg);z-index:10;opacity:1}60%{transform:translate(-50%,-150%) rotate(0deg);z-index:10;opacity:1}to{transform:translate(-50%,-260%) rotate(0deg);z-index:10;opacity:1}}.card-animation{animation:card-pull-out 3s forwards;animation-delay:2s;transform-style:preserve-3d}