.envelope-flap{width:0;height:0;border-left:500px solid transparent;border-right:500px solid transparent;border-top:300px solid #d4af37;position:absolute;top:-180px;left:50%;z-index:1;transform:translate(-50%);transform-origin:top center;transition:transform .8s cubic-bezier(.68,-.55,.265,1.55)}.envelope-back{width:100%;height:100%;background:#e8e8e8;border-radius:5px;position:absolute;z-index:1}.envelope-front{clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%)}.card-container{perspective:1600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card{position:relative;transform-style:preserve-3d;transition:transform .6s linear;cursor:pointer}.card,.card-face{width:100%;height:100%}.card-face{position:absolute;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;top:0;left:0}.card-back{transform:rotateY(180deg)}.flip-back{animation:flip-back .3s linear .3s;animation-fill-mode:both}.flip-front{animation:flip-front .3s linear;animation-fill-mode:both}@keyframes flip-back{0%{transform:rotateY(-90deg)}to{transform:rotateY(-180deg)}}@keyframes flip-front{0%{transform:rotateY(-180deg)}to{transform:rotateY(-90deg)}}.openEnvelope{animation:openEnvelope .8s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both}@keyframes openEnvelope{0%{transform:translate(-50%) rotateX(0deg);z-index:1}99%{transform:translate(-50%) rotateX(180deg);z-index:1}to{transform:translate(-50%) rotateX(180deg);z-index:0}}.card-enter{animation:cardEnter .8s cubic-bezier(.68,-.55,.265,1.55) .5s;animation-fill-mode:both}@keyframes cardEnter{0%{transform:translate(-50%,-48%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.flyInFast{animation:flyInFast 1.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes flyInFast{0%{transform:translateX(800px) translateY(500px) translateZ(-600px) rotateY(-180deg) rotate(90deg) scale(.1);opacity:0}to{transform:translateX(0) translateY(0) translateZ(0) rotateY(0deg) rotate(0deg) scale(1);opacity:1}}.click-zone{width:30px;height:30px;border:1px solid #60ddcf;border-radius:50%;display:inline-block;position:relative;backface-visibility:hidden}.click-zone:after,.click-zone:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border:2px solid rgba(96,221,207,.5);border-radius:50%;animation:ripple 2s linear infinite alternate;backface-visibility:hidden}.click-zone:after{animation-delay:1s}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@media (max-width:768px){.card-container{transform-origin:center!important}.heartbeat{animation-duration:1.5s!important}.fixed{max-width:100vw}.click-zone{width:20px;height:20px}.card{transition:transform .6s ease-in-out}}@media (max-width:480px){.envelope-flap div{font-size:1.5rem!important;width:80px!important;height:80px!important}}@font-face{font-family:Chewy;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5e9b8939ed592006-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chewy Fallback;src:local("Arial");ascent-override:110.13%;descent-override:34.04%;line-gap-override:2.75%;size-adjust:88.94%}.__className_cd82ae{font-family:Chewy,Chewy Fallback;font-weight:400;font-style:normal}