.hero-art{--pointer-x:50%;--pointer-y:50%;isolation:isolate;perspective:900px}
.hero-art:before{content:"";position:absolute;inset:-45px;z-index:-1;border-radius:50%;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,176,0,.18),rgba(255,176,0,.035) 28%,transparent 60%);filter:blur(9px);opacity:.85;transition:opacity .35s ease}
.hero-art:hover:before{opacity:1}
.gift-core{--px:0px;--py:0px;will-change:transform;animation:giftBreath 5.8s ease-in-out infinite;box-shadow:0 40px 90px #000,0 0 0 1px rgba(255,176,0,.04),0 0 55px rgba(255,176,0,.07)}
.gift-core:after{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(255,176,0,.09);animation:coreRing 4.6s ease-in-out infinite}
.gift-core .core-ring{animation:giftIcon 3.8s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 12px 25px rgba(255,176,0,.2))}
.mini-card{--px:0px;--py:0px;will-change:transform;backface-visibility:hidden;transition:border-color .3s ease,box-shadow .3s ease}
.mini-card:hover{border-color:rgba(255,176,0,.28);box-shadow:0 24px 55px rgba(0,0,0,.7),0 0 22px rgba(255,176,0,.06)}
.mini-card.ai-card{animation:cardAI 5.2s ease-in-out infinite}
.mini-card.steam{animation:cardSteam 6.1s ease-in-out infinite .35s}
.mini-card.apple{animation:cardApple 5.7s ease-in-out infinite .7s}
@keyframes giftBreath{0%,100%{transform:translate3d(var(--px),var(--py),0) rotateX(0) rotateY(0) scale(1)}50%{transform:translate3d(var(--px),calc(var(--py) - 7px),0) rotateX(1deg) rotateY(-1deg) scale(1.018)}}
@keyframes coreRing{0%,100%{transform:scale(.97);opacity:.35}50%{transform:scale(1.045);opacity:.8}}
@keyframes giftIcon{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(1.5deg)}}
@keyframes cardAI{0%,100%{transform:translate3d(var(--px),var(--py),0) rotate(5deg)}50%{transform:translate3d(var(--px),calc(var(--py) - 8px),0) rotate(3.8deg)}}
@keyframes cardSteam{0%,100%{transform:translate3d(var(--px),var(--py),0) rotate(-6deg)}50%{transform:translate3d(var(--px),calc(var(--py) - 6px),0) rotate(-4.8deg)}}
@keyframes cardApple{0%,100%{transform:translate3d(var(--px),var(--py),0) rotate(4deg)}50%{transform:translate3d(var(--px),calc(var(--py) - 9px),0) rotate(5.2deg)}}
@media(prefers-reduced-motion:reduce){.gift-core,.gift-core:after,.gift-core .core-ring,.mini-card{animation:none!important;transition:none!important}.hero-art:before{transition:none}}
@media(max-width:900px),(pointer:coarse){.hero-art:before{display:none}}