:root{font-family:Georgia,Times New Roman,serif;line-height:1.5;font-weight:400;--color-background: #faf9f7;--color-envelope: #f5f3f0;--color-envelope-shadow: rgba(0, 0, 0, .08);--color-seal: #8b1a1a;--color-seal-highlight: #a52a2a;--color-text: #2c2c2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#faf9f7,#f0eeeb);overflow:hidden;background-attachment:fixed}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:0;width:75px;height:75px;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.6,.04,.98,.34)}.seal__image{width:75px;height:75px;transition:transform .2s ease;user-select:none;-webkit-user-select:none;pointer-events:none;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));mix-blend-mode:multiply;background:transparent}.envelope-container.loaded .seal:not(.seal--broken) .seal__image{animation:sealPulse 3s ease-in-out infinite}@keyframes sealPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.seal:not(:disabled):hover .seal__image{transform:scale(1.05)}.seal:not(:disabled):active .seal__image{transform:scale(.98)}.seal--broken{opacity:0;transform:translate(-50%,150vh) scale(.5) rotate(180deg);pointer-events:none}@media(max-width:768px){.seal__image{width:65px;height:65px}}@media(max-width:480px){.seal__image{width:60px;height:60px}}.card{position:absolute;top:50%;left:50%;width:90%;max-width:600px;height:auto;background:linear-gradient(to bottom,#fff,#fefefe,#fcfcfc);border-radius:8px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014,inset 0 1px #fffc;transform:translate(-50%,8%) scale(.9);opacity:0;transition:all 1s cubic-bezier(.4,0,.2,1);z-index:2;overflow:hidden;pointer-events:none}.card--visible{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:10;transition-delay:1.2s;pointer-events:auto}.card__content{padding:32px}.card__header{text-align:center;margin-bottom:24px}.card__title{font-family:Great Vibes,cursive;font-size:48px;font-weight:400;color:var(--color-text);letter-spacing:1px;margin:0;padding:0 0 16px}.card__divider{width:60px;height:2px;background:linear-gradient(to right,transparent,var(--color-seal) 50%,transparent);margin:0 auto}.card__video-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #00000026;background:#000}.card__video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:768px){.card{width:95%;max-width:none}.card__content{padding:24px}.card__title{font-size:40px}}@media(max-width:480px){.card__content{padding:20px}.card__title{font-size:36px}.card__header{margin-bottom:20px}}@media(max-height:600px)and (orientation:landscape){.card{width:95%;max-width:90vh}.card__content{padding:16px}.card__title{font-size:28px;padding-bottom:8px}.card__header{margin-bottom:12px}}.envelope-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1000px;animation:slideUp 1.5s cubic-bezier(.25,0,.75,1);pointer-events:none;animation-fill-mode:forwards}.envelope-container.loaded{pointer-events:auto}@keyframes slideUp{0%{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}.envelope{position:relative;width:90%;max-width:600px;aspect-ratio:1.618 / 1;transition:transform .8s cubic-bezier(.4,0,.2,1)}.envelope__back{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f3f0,#fefefe,#f0ede8);border-radius:4px;box-shadow:0 20px 50px #0000001f,0 8px 16px #00000014,inset 0 1px #fff9,inset 0 -1px #00000005;z-index:1}.envelope__body{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.envelope__body-front{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#fafafa,#f5f3f0 40%,#ede9e4);border-radius:4px;box-shadow:inset 0 2px 4px #ffffffe6,inset 0 -2px 8px #0000000a,inset 1px 0 #ffffff80,inset -1px 0 #00000005}.envelope__flap{position:absolute;top:0;left:0;width:100%;height:50%;overflow:visible;transform-origin:top center;transform-style:preserve-3d;z-index:3;transition:transform 1s cubic-bezier(.4,0,.2,1) .6s;pointer-events:none}.envelope__flap-fold{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fafafa,#f5f3f0,#ede9e4);clip-path:polygon(0 0,50% 100%,100% 0);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffffb3,inset 0 -1px 2px #0000000d;backface-visibility:hidden}.envelope__back:before,.envelope__body-front:before,.envelope__flap-fold:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.002) 3px,rgba(0,0,0,.002) 6px);pointer-events:none}.envelope--open{transform:scale(.85)}.envelope--open .envelope__flap{transform:rotateX(-180deg)}@media(max-width:768px){.envelope{width:95%}}@media(max-width:480px){.envelope{width:95%;max-width:400px}}@media(max-height:600px)and (orientation:landscape){.envelope{max-width:60vh}}@media(hover:hover)and (pointer:fine){.envelope:not(.envelope--open):hover{transform:scale(1.02)}.envelope:not(.envelope--open):hover .envelope__flap{transform:rotateX(-10deg)}}.app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}