.holo-card{position:relative;overflow:hidden;border-radius:.6rem;background:#222;box-shadow:0 4px 24px rgba(0,0,0,.2);transition:transform .2s;will-change:transform}.holo-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96c93d);background-size:400% 400%;z-index:-1;filter:blur(15px);opacity:.5;animation:gradient-shadow 8s ease infinite}@keyframes gradient-shadow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.holo-card:hover{transform:scale(1.03) rotate(-1deg)}.holo-card__shine{pointer-events:none;position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 50%,#fff6,#fff0 10px,#fff6 20px),radial-gradient(circle at 50% 50%,#ffecd2 0,#fcb69f 50%),radial-gradient(circle at 50% 50%,#a1c4fd 0,#c2e9fb 50%);mix-blend-mode:lighten;opacity:.5;transition:opacity .3s;z-index:1}.holo-card:hover .holo-card__shine{opacity:.9;animation:holo-move 2s ease-in-out infinite alternate}@keyframes holo-move{0%{background-position:0 0,0 0,0 0;background-size:100% 100%,200% 200%,200% 200%}to{background-position:100% 100%,100% 100%,100% 100%;background-size:150% 150%,300% 300%,300% 300%}}.holo-card__content{position:relative;z-index:2}