.overlay,body{display:flex;justify-content:center}:root{--bg-gradient:linear-gradient(135deg, #2e1065 0%, #3b0764 40%, #581c87 100%);--font-handwritten:'Great Vibes',cursive;--font-sans:'Montserrat',sans-serif;--gold:#f59e0b;--gold-glow:rgba(245, 158, 11, 0.4);--glass-bg:rgba(255, 255, 255, 0.07);--glass-border:rgba(255, 255, 255, 0.15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);min-height:100vh;overflow:hidden;align-items:center;color:#f3f4f6}.overlay{position:fixed;inset:0;background:#1e1b4b;align-items:center;z-index:100;transition:opacity .8s,transform .8s;padding:1rem}.overlay.fade-out{opacity:0;pointer-events:none;transform:scale(1.05)}.welcome-box{text-align:center;padding:5rem 2.5rem;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.welcome-box h2{font-size:1.8rem;margin-bottom:.5rem;font-weight:300}.welcome-box p{color:#c084fc;margin-bottom:2rem;font-weight:300}#main-content{opacity:0;transform:translateY(20px);transition:opacity 1.5s ease-out,transform 1.5s ease-out;width:90%;max-width:480px;z-index:10}#main-content.fade-in{opacity:1;transform:translateY(0)}.hidden{display:none!important}.card-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 40px var(--gold-glow);position:relative}.balloon,.balloon::after,.btn-audio{position:absolute}.title-main{font-family:var(--font-handwritten);font-size:clamp(3rem, 5.3vw, 4.5rem);color:var(--gold);text-shadow:0 2px 10px rgba(245,158,11,.3);line-height:1;margin-bottom:.5rem}.title-name{font-size:clamp(2rem, 5vw, 2.5rem);letter-spacing:4px;text-transform:uppercase;font-weight:600;color:#fff;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#e9d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.message,.message-cm{font-size:1rem;line-height:1.6;font-weight:300}.message{color:#e9d5ff}.message-cm{margin-top:1rem}.message-cm.sign{margin-top:.5rem;text-align:right;font-size:.8rem;color:#c6ade0}.btn-primary{background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);color:#fff;border:none;padding:.8rem 2rem;font-size:1rem;font-family:var(--font-sans);font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px rgba(124,58,237,.4);transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.6)}.btn-audio{bottom:-20px;left:50%;transform:translateX(-50%);background:#1e1b4b;border:1px solid var(--glass-border);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:background .3s}.btn-audio:hover{background:#2e1065}.icon-audio{font-size:1.2rem}#balloon-container{position:fixed;inset:0;pointer-events:none;z-index:5}.balloon{bottom:-150px;width:60px;height:75px;border-radius:50%/40% 40% 60% 60%;cursor:pointer;pointer-events:auto;animation:10s linear infinite floatUp}.balloon::after{content:"";bottom:-12px;left:29px;width:2px;height:12px;background-color:rgba(255,255,255,.4)}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%,90%{opacity:1}100%{transform:translateY(-120vh) rotate(10deg);opacity:0}}