.rn-envelope-overlay{z-index:9999;background:#080808;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.rn-envelope-overlay:before{content:"";pointer-events:none;background:radial-gradient(#c9a84c14 0%,#0000 70%);position:absolute;inset:0}.rn-envelope-scene{flex-direction:column;align-items:center;gap:30px;animation:1s ease-out envelopeFadeIn;display:flex}.rn-seal{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.rn-seal-ring{border:1px solid #c9a84c33;border-radius:50%;animation:3s ease-in-out infinite sealPulse;position:absolute;inset:-8px}.rn-seal-wax{color:#c9a84ccc;animation:12s linear infinite sealSpin}.rn-envelope-body{perspective:800px;width:280px;height:180px;position:relative}.rn-envelope-flap{transform-origin:top;clip-path:polygon(0 0,100% 0,50% 85%);background:linear-gradient(#c9a84c1f,#c9a84c0a);border:1px solid #c9a84c26;border-radius:16px 16px 0 0;height:50%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0}.rn-envelope-body:hover .rn-envelope-flap{transform:rotateX(-160deg)}.rn-envelope-face{background:#c9a84c0a;border:1px solid #c9a84c1a;border-radius:0 0 16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:70%;display:flex;position:absolute;bottom:0;left:0;right:0}.rn-envelope-label{letter-spacing:4px;text-transform:uppercase;color:#c9a84c99;font-size:.6rem}.rn-envelope-names{color:#f0ece2cc;font-family:Great Vibes,cursive;font-size:1.5rem}.rn-envelope-trigger{color:#c9a84ccc;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c9a84c4d;border-radius:50px;align-items:center;gap:8px;padding:14px 36px;font-family:Montserrat,sans-serif;font-size:.75rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.rn-envelope-trigger:before{content:"";opacity:0;background:linear-gradient(135deg,#c9a84c1a,#0000);transition:opacity .4s;position:absolute;inset:0}.rn-envelope-trigger:hover{border-color:#c9a84c99;transform:translateY(-2px);box-shadow:0 8px 30px #c9a84c26}.rn-envelope-trigger:hover:before{opacity:1}.rn-envelope-trigger svg{animation:2s ease-in-out infinite bounceDown}@keyframes envelopeFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sealPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(1.15)}}@keyframes sealSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}