@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Montserrat:wght@200;300;400&family=Inter:wght@300;400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:#020204;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.intro-root{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#020204;transition:opacity 1.3s cubic-bezier(.22,1,.36,1)}.intro-root.fading{opacity:0;pointer-events:none}.intro-root:before{background-image:linear-gradient(rgba(0,212,255,.018) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.018) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 40%,black 0,transparent 100%);mask-image:radial-gradient(ellipse 80% 65% at 50% 40%,black 0,transparent 100%)}.intro-root:after,.intro-root:before{content:"";position:absolute;inset:0;pointer-events:none}.intro-root:after{background:radial-gradient(ellipse 60% 50% at 30% 35%,rgba(0,212,255,.05) 0,transparent 70%),radial-gradient(ellipse 50% 45% at 70% 65%,rgba(255,107,53,.04) 0,transparent 70%)}.above-text{font-family:Cormorant Garamond,serif;font-weight:600;font-style:italic;font-size:clamp(22px,5vw,30px);letter-spacing:.18em;color:rgba(20,70,30,.95);margin-bottom:52px;transition:opacity .4s ease,transform .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;position:relative;z-index:1}.above-text.hidden{opacity:0;transform:translateY(-12px);pointer-events:none}.envelope-scene{position:relative;z-index:1;width:min(480px,88vw);aspect-ratio:1.618/1;cursor:pointer;transform-style:preserve-3d;perspective:1200px;transition:opacity .3s ease}.envelope-scene.clicked{pointer-events:none}.envelope-scene:hover .envelope-body{box-shadow:0 32px 80px rgba(0,0,0,.13),0 8px 24px rgba(0,0,0,.07);transform:translateY(-3px)}.envelope-body{position:absolute;inset:0;border-radius:4px;background:linear-gradient(160deg,#FAF8F3,#F5F1E8 60%,#EDE8DC);box-shadow:0 20px 60px rgba(0,0,0,.1),0 6px 18px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.8);transition:box-shadow .4s ease,transform .4s ease;overflow:hidden}.envelope-body:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");opacity:.6}.crease,.envelope-body:before{position:absolute;inset:0;pointer-events:none}.crease:after,.crease:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 49.5%,rgba(0,0,0,.04) 50%,transparent 50.5%)}.crease:after{background:linear-gradient(to bottom left,transparent 49.5%,rgba(0,0,0,.04) 50%,transparent 50.5%)}.env-bottom-left{left:0;right:50%;-webkit-clip-path:polygon(0 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 0,0 0);background:linear-gradient(135deg,#EDE8DC,#E5DFD0)}.env-bottom-left,.env-bottom-right{position:absolute;bottom:0;height:55%;opacity:.7}.env-bottom-right{left:50%;right:0;-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);background:linear-gradient(225deg,#EDE8DC,#E5DFD0)}.flap-wrapper{position:absolute;top:0;left:0;right:0;height:50%;transform-origin:top center;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);z-index:10;overflow:hidden}.flap-wrapper.open{transform:rotateX(-170deg)}.flap{position:absolute;inset:0;overflow:hidden}.flap-triangle{background:linear-gradient(170deg,#F2EDE0,#E8E2D3 50%,#DDD7C8);box-shadow:inset 0 -2px 6px rgba(0,0,0,.06)}.flap-back,.flap-triangle{position:absolute;inset:0;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.flap-back{background:linear-gradient(170deg,#E8E2D3,#DDD6C6);transform:rotateX(180deg) scaleY(-1);-webkit-backface-visibility:visible;backface-visibility:visible}.seal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);z-index:20;border-radius:50%;transition:box-shadow .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.seal-container.glowing{box-shadow:0 0 0 6px rgba(216,233,255,.5),0 0 30px rgba(100,160,255,.3)}.seal-container.lifted{transform:translate(-50%,-65%) translateZ(20px) scale(1.08)}.seal-container.hidden{opacity:0;transform:translate(-50%,-80%) translateZ(30px) scale(.9)}.seal{width:clamp(72px,15vw,90px);height:clamp(72px,15vw,90px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#E8F2FF,#C8DCFF 50%,#B0CCF0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(100,150,220,.3),0 1px 4px rgba(100,150,220,.2),inset 0 1px 2px rgba(255,255,255,.7),inset 0 -1px 3px rgba(120,160,220,.2);position:relative;overflow:hidden}.seal:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.5) 0,transparent 60%);pointer-events:none}.below-btn{margin-top:44px;transition:opacity .4s ease,transform .4s ease;position:relative;z-index:1}.below-btn.hidden{opacity:0;transform:translateY(10px);pointer-events:none}.open-btn{background:linear-gradient(135deg,#1A6B2A,#2D8A3E);border:none;cursor:pointer;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(14px,3.5vw,17px);letter-spacing:.22em;text-transform:uppercase;color:#fff;padding:15px 36px;position:relative;z-index:1;box-shadow:0 4px 20px rgba(26,107,42,.35);transition:opacity .25s,transform .25s}.open-btn:hover{opacity:.88;transform:translateY(-2px)}.open-btn:after{display:none}.card-container{position:fixed;inset:0;pointer-events:none;z-index:1000}.card,.card-container{display:flex;align-items:center;justify-content:center}.card{background:#ffffff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.08),0 24px 80px rgba(0,0,0,.1);flex-direction:column;gap:20px;padding:40px 48px;position:relative;overflow:hidden;transform-origin:center center;opacity:0;transform:translateY(80px) scale(.6);width:min(320px,78vw);transition:none}.card.emerge{animation:cardEmerge .6s cubic-bezier(.22,1,.36,1) forwards}.card.fadeOut{animation:cardFadeOut .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes cardEmerge{0%{opacity:0;transform:translateY(60px) scale(.65)}40%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.card-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,#c8c8d8,transparent)}.page-main{transition:opacity 1.4s cubic-bezier(.22,1,.36,1) .25s}.page-main.hidden{opacity:0;pointer-events:none;visibility:hidden}.page-main.visible{opacity:1;visibility:visible;pointer-events:auto}.page-main.revealing{opacity:1;visibility:visible;pointer-events:none}@keyframes hero-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-el{opacity:0}.hero-el.risen{animation:hero-rise .85s cubic-bezier(.22,1,.36,1) forwards}.hero-el.d0{animation-delay:0s}.hero-el.d1{animation-delay:.14s}.hero-el.d2{animation-delay:.3s}.hero-el.d3{animation-delay:.48s}.hero-el.d4{animation-delay:.66s}.hero-el.d5{animation-delay:.84s}.hero-el.d6{animation-delay:1.02s}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}