.flip-card{perspective:1000px;position:relative}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card.magic-rotation:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,plum,#98d8c8,#f7dc6f,#ff9a9e,#fecfef,#fecfef,#ff9a9e);background-size:800% 800%;border-radius:1.2rem;z-index:-1;animation:magicGlow 3s ease-in-out,gradientShift 6s ease-in-out infinite;opacity:.7;filter:blur(12px)}.flip-card.magic-rotation .flip-card-front .bg-gradient-to-br{opacity:.3!important;transition:opacity .5s ease-in-out}@keyframes magicGlow{0%{opacity:0;transform:scale(.8)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.75rem}.flip-card-back{transform:rotateY(180deg)}@media (max-width:768px){.flip-card{touch-action:manipulation}.flip-card-inner{transition:transform .6s ease-in-out}}@media (hover:hover){.flip-card:hover .flip-card-inner{transform:rotateY(5deg)}.flip-card.flipped:hover .flip-card-inner{transform:rotateY(175deg)}}.shimmer-button{position:relative;overflow:hidden}.shimmer-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.magic-particles:after,.magic-particles:before{content:"";position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff6b6b,transparent);border-radius:50%;animation:float 3s ease-in-out infinite}.magic-particles:before{top:20%;left:10%;animation-delay:0s}.magic-particles:after{top:60%;right:15%;animation-delay:1.5s;background:radial-gradient(circle,#4ecdc4,transparent)}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-10px) scale(1.2);opacity:1}}@keyframes flipIn{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0deg)}}@keyframes flipOut{0%{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(90deg)}}.flip-card-front{animation:flipIn .4s ease-out}.flip-card-back{animation:flipOut .4s ease-out reverse}.flip-card.flipped .flip-card-front{animation:flipOut .4s ease-out}.flip-card.flipped .flip-card-back{animation:flipIn .4s ease-out}.flip-card:hover{transform:translateY(-2px);transition:transform .3s ease}.flip-card:active{transform:scale(.98);transition:transform .1s ease}