*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0524,#1a0a3e);overflow:hidden}.container{text-align:center;width:360px;max-width:90vw}.gift-box{position:relative;width:180px;height:180px;margin:0 auto 30px;cursor:pointer;transition:transform .3s}.gift-box:hover{transform:scale(1.05)}.gift-body{position:absolute;bottom:0;width:180px;height:130px;background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:16px;box-shadow:0 10px 30px #ec48994d}.gift-ribbon-v{position:absolute;left:50%;transform:translate(-50%);width:24px;height:100%;background:linear-gradient(180deg,#fbbf24,#f59e0b);z-index:1}.gift-ribbon-h{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:24px;background:linear-gradient(90deg,#fbbf24,#f59e0b);z-index:1}.gift-lid{position:absolute;top:0;width:200px;left:-10px;height:60px;background:linear-gradient(135deg,#f43f5e,#ec4899);border-radius:12px;z-index:2;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #f43f5e4d}.gift-lid-ribbon{position:absolute;left:50%;transform:translate(-50%);bottom:0;width:24px;height:100%;background:linear-gradient(180deg,#fbbf24,#f59e0b)}.gift-bow{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:36px;z-index:3;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.opened .gift-lid{transform:translateY(-80px) rotate(-25deg);opacity:0}.opened .gift-bow{transform:translate(-50%) translateY(-80px) scale(0);opacity:0}.hint{color:#c084fc;font-size:16px;font-weight:600;margin-bottom:10px}.hint-sub{color:#7c3aed4d;font-size:13px;margin-bottom:30px}.reveal{display:none;text-align:center;animation:fadeUp .5s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal h2{color:#fff;font-size:24px;font-weight:800;margin-bottom:8px}.reveal p{color:#fff9;font-size:14px;margin-bottom:24px}.cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,#08c,#0af);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #08c6;transition:all .3s ease}.cta-btn:hover{transform:translateY(-2px)}.tg-icon{width:22px;height:22px;flex-shrink:0}.confetti{position:fixed;top:-10px;pointer-events:none;z-index:100}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.gift-box{display:block;border:0;padding:0;background:transparent;font-family:inherit}.gift-box:focus-visible,.cta-btn:focus-visible{outline:3px solid #c084fc;outline-offset:8px}.cta-btn{text-decoration:none}.reveal{display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}.gift-body,.gift-ribbon-h{left:0}