.envelope-active{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 30%,#132a4a 0%,#0a1628 65%);z-index:20;transition:opacity .9s ease, transform .9s ease}
.envelope-hidden{opacity:0;transform:scale(1.06);pointer-events:none}
.envelope-content{text-align:center;padding:40px}
.selo-dourado{width:72px;height:72px;margin:0 auto 28px;border:1px solid #c9a86a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#c9a86a;box-shadow:0 0 30px rgba(201,168,106,.25), inset 0 0 20px rgba(201,168,106,.08);animation:pulseSelo 3s ease-in-out infinite}
.envelope-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;line-height:1.3;letter-spacing:.06em;color:#f5efe3;margin-bottom:8px}
.envelope-subtitle{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(201,168,106,.7);margin-bottom:32px}
.btn-premium{background:rgba(201,168,106,.08);border:1px solid #c9a86a;color:#c9a86a;padding:14px 36px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .35s ease;backdrop-filter:blur(8px)}
.btn-premium:hover{background:rgba(201,168,106,.16);box-shadow:0 0 30px rgba(201,168,106,.35);transform:translateY(-1px)}
.envelope-hint{margin-top:16px;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.35)}
.postal-hidden{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.94);pointer-events:none;transition:all 1.2s cubic-bezier(.16,1,.3,1);z-index:15}
.postal-visible{opacity:1;transform:scale(1);pointer-events:auto}
.btn-fechar{position:absolute;top:22px;right:22px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);padding:8px 14px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px);border-radius:20px;z-index:30}
.btn-fechar:hover{background:rgba(0,0,0,.55);color:#fff}
.music-control{position:absolute;bottom:56px;left:22px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.35);border:1px solid rgba(201,168,106,.3);color:#c9a86a;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);z-index:30;transition:.3s}
.music-control:hover{background:rgba(201,168,106,.15)}
.music-control.muted{opacity:.4}
@keyframes pulseSelo{0%,100%{box-shadow:0 0 30px rgba(201,168,106,.25)}50%{box-shadow:0 0 50px rgba(201,168,106,.45)}}