@import"https://fonts.googleapis.com/css2?family=Alex+Brush&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&family=Great+Vibes&family=Pinyon+Script&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-canvas-bg: #F7F4F6;--color-page-bg: #FAF8F3;--color-section-alt: #F4F0F2;--color-section-lavender: #EEE8F2;--color-section-blush: #EAE4EE;--color-text-main: #2C2C2C;--color-text-muted: #6B636B;--color-text-subtle: #8C8B88;--color-accent-rose: #B89BA8;--color-accent-gold: #C5A880;--card-border: rgba(184, 155, 168, .22);--card-shadow: 0 10px 30px -10px rgba(44, 30, 44, .06), 0 4px 12px rgba(0, 0, 0, .03)}body.envelope-locked{overflow:hidden!important;height:100vh!important;touch-action:none!important}#envelopeOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#2b2129,#1a141a 70%,#0e0a0e);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),visibility .8s;overflow:hidden}#envelopeOverlay.opened{opacity:0;visibility:hidden;transform:scale(1.05);pointer-events:none}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#faf8f3}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b89ba8,#8c7b83);border-radius:9999px;border:1px solid rgba(184,155,168,.3)}::-webkit-scrollbar-thumb:hover{background:#8c7b83}.font-serif-luxury{font-family:Playfair Display,Cormorant Garamond,Georgia,serif}.font-cormorant{font-family:Cormorant Garamond,Georgia,serif}.font-cinzel{font-family:Cinzel,Georgia,serif}.font-script{font-family:Alex Brush,cursive}.font-calligraphy{font-family:Pinyon Script,cursive}.font-sans-modern{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.figma-card{background:#fff;border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;transition:all .35s cubic-bezier(.16,1,.3,1)}.figma-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -10px #2c1e2c1a;border-color:#b89ba873}.figma-pill{background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:9999px}.envelope-stage{perspective:1400px;transform-style:preserve-3d}.envelope-3d-wrapper{position:relative;width:90vw;max-width:480px;height:330px;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.8,.2,1);cursor:pointer;filter:drop-shadow(0 25px 45px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(184,155,168,.25))}@media (min-width: 640px){.envelope-3d-wrapper{width:480px;height:330px}}.envelope-box{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(circle at 50% 30%,#362935,#201720 70%,#120d12);border:1px solid rgba(184,155,168,.45);transform-style:preserve-3d;overflow:visible}.envelope-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#181118;border-radius:14px;z-index:1}.envelope-pocket{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.pocket-bottom{position:absolute;bottom:0;left:0;width:100%;height:100%;clip-path:polygon(0% 100%,100% 100%,50% 48%);background:linear-gradient(180deg,#2d222d,#161016);border-bottom:1px solid rgba(184,155,168,.3)}.pocket-left{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0% 0%,0% 100%,50% 50%);background:linear-gradient(90deg,#271c26,#161016)}.pocket-right{position:absolute;top:0;right:0;width:100%;height:100%;clip-path:polygon(100% 0%,100% 100%,50% 50%);background:linear-gradient(270deg,#271c26,#161016)}.envelope-top-flap-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:top center;transition:transform .9s cubic-bezier(.4,0,.2,1),z-index .2s .3s;z-index:5;transform-style:preserve-3d;pointer-events:none}.envelope-top-flap-triangle{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0% 0%,100% 0%,50% 54%);background:linear-gradient(180deg,#443242,#201720);border-top:1px solid rgba(184,155,168,.5);box-shadow:0 4px 20px #00000080}.envelope-opened .envelope-top-flap-wrapper{transform:rotateX(180deg);z-index:2}.wax-seal{position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4e8ee,#c5a8b8,#8c6a7d 80%,#543e4e);box-shadow:0 6px 20px #000000b3,inset 0 2px 4px #fff9,0 0 25px #b89ba880;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:10;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.wax-seal:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 8px 26px #000000d9,0 0 35px #b89ba8bf}.envelope-opened .wax-seal{opacity:0;transform:translate(-50%,-50%) scale(.3);pointer-events:none;transition:opacity .3s,transform .3s}.invitation-letter{position:absolute;top:12px;left:50%;transform:translate(-50%) translateY(0) scale(.95);width:90%;height:94%;background:#faf8f3;border:1px solid rgba(184,155,168,.45);border-radius:12px;z-index:3;transition:transform 1.2s cubic-bezier(.2,.9,.2,1),box-shadow 1.2s;box-shadow:0 10px 25px #00000080;padding:18px;overflow:hidden;color:#2c2c2c}.envelope-opened .invitation-letter{transform:translate(-50%) translateY(-240px) scale(1.05);z-index:8;box-shadow:0 30px 60px #000000d9}@media (min-width: 640px){.envelope-opened .invitation-letter{transform:translate(-50%) translateY(-275px) scale(1.06);padding:24px}}.filigree-corner{position:absolute;width:24px;height:24px;pointer-events:none;opacity:.65}.filigree-tl{top:8px;left:8px;border-top:1.5px solid #B89BA8;border-left:1.5px solid #B89BA8}.filigree-tr{top:8px;right:8px;border-top:1.5px solid #B89BA8;border-right:1.5px solid #B89BA8}.filigree-bl{bottom:8px;left:8px;border-bottom:1.5px solid #B89BA8;border-left:1.5px solid #B89BA8}.filigree-br{bottom:8px;right:8px;border-bottom:1.5px solid #B89BA8;border-right:1.5px solid #B89BA8}@keyframes ringPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.7);opacity:0}}.ring-wave{position:absolute;border-radius:50%;border:1px solid rgba(184,155,168,.6);animation:ringPulse 2.4s cubic-bezier(.2,.8,.4,1) infinite}@keyframes antiGravityDrift{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.6deg)}to{transform:translateY(0) rotate(0)}}.float-drift{animation:antiGravityDrift 7s ease-in-out infinite}.figma-timeline-stem{position:absolute;top:0;bottom:0;left:20px;width:1.5px;background:linear-gradient(180deg,transparent,#B89BA8 15%,#B89BA8 85%,transparent)}@media (min-width: 768px){.figma-timeline-stem{left:50%;transform:translate(-50%)}}.figma-input{background:#fff;border:1px solid rgba(184,155,168,.35);color:#2c2c2c;transition:all .3s ease}.figma-input:focus{border-color:#b89ba8;box-shadow:0 0 15px #b89ba840;outline:none}.figma-input::placeholder{color:#2c2c2c66}