.hc-wrapper{--pointer-x:50%;--pointer-y:50%;--background-x:50%;--background-y:50%;--pointer-from-center:0;--rotate-x:0deg;--rotate-y:0deg;max-width:100%;max-height:100%;perspective:1000px;box-sizing:border-box}.hc-card,.hc-wrapper{position:relative;width:100%;height:100%}.hc-card{transform-style:preserve-3d;transition:transform .1s ease-out;cursor:pointer;border-radius:1rem;overflow:hidden}.hc-card.active{transform:perspective(1000px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale3d(1.02,1.02,1.02)}.hc-inside{position:relative;width:100%;height:100%;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at var(--background-x) var(--background-y),rgba(14,165,233,.2) 0,rgba(14,165,233,.1) 30%,transparent 60%)}.hc-shine{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(14,165,233,.15) 45%,rgba(14,165,233,.4) 50%,rgba(14,165,233,.15) 55%,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.hc-card.active .hc-shine{opacity:1}.hc-glare{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(14,165,233,.3) 0,rgba(14,165,233,.2) 25%,rgba(14,165,233,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hc-card.active .hc-glare{opacity:1}.hc-content-wrapper{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column}.hc-card:hover .hc-inside{background:radial-gradient(circle at var(--background-x) var(--background-y),rgba(255,255,255,.25) 0,rgba(255,255,255,.15) 30%,transparent 60%)}@keyframes holographic-enter{0%{opacity:0;transform:scale(.95) rotateY(-5deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.hc-wrapper{animation:holographic-enter .6s ease-out}.hc-card:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(45deg,rgba(147,51,234,.4),rgba(236,72,153,.4),rgba(59,130,246,.4),rgba(147,51,234,.4));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;z-index:1}.hc-card.active:before{opacity:1}.hc-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.15) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 75%,transparent);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.hc-card.active:after{opacity:1}.hc-card .holographic-particles{position:absolute;inset:0;pointer-events:none;z-index:3}.hc-card .holographic-particles:after,.hc-card .holographic-particles:before{content:"";position:absolute;width:2px;height:2px;background:rgba(255,255,255,.9);border-radius:50%;animation:particle-float 3s ease-in-out infinite}.hc-card .holographic-particles:before{top:20%;left:15%;animation-delay:0s}.hc-card .holographic-particles:after{top:70%;right:20%;animation-delay:1.5s}@keyframes particle-float{0%,to{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-15px) scale(1.3);opacity:1}}@media (max-width:768px){.hc-card.active{transform:perspective(800px) rotateX(calc(var(--rotate-x) * .5)) rotateY(calc(var(--rotate-y) * .5)) scale3d(1.01,1.01,1.01)}}.hc-card *{transition:all .2s ease-out}.hc-wrapper{filter:drop-shadow(0 10px 25px rgba(0,0,0,.2))}.hc-card.active{filter:drop-shadow(0 20px 40px rgba(147,51,234,.2))}.hc-card:hover .hc-shine{opacity:.3}.hc-card:hover .hc-glare{opacity:.2}