.holo-card-container{perspective:800px;display:inline-block}.holo-card{transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));transition:transform 50ms linear;position:relative}.holo-card .holo-overlay{border-radius:inherit;pointer-events:none;z-index:10;mix-blend-mode:color-dodge;opacity:.5;background:repeating-linear-gradient(calc(var(--gradient-angle,130deg)), #f002 0%, #ff880030 8%, #ffff0028 16%, #00ff0028 24%, #00ffff30 32%, #0000ff28 40%, #ff00ff28 48%, #f002 56%), repeating-linear-gradient(calc(var(--gradient-angle,130deg) + 60deg), transparent 0%, #ffffff10 3%, transparent 6%);background-size:200% 200%;background-position:var(--bg-x,50%) var(--bg-y,50%);filter:brightness()saturate(1.4);position:absolute;inset:0}.holo-card .holo-spotlight{border-radius:inherit;pointer-events:none;z-index:11;mix-blend-mode:soft-light;background:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%), #ffffffe6 5%, #ffffff80 20%, transparent 70%);position:absolute;inset:0}.holo-card .holo-glare{border-radius:inherit;pointer-events:none;z-index:12;mix-blend-mode:overlay;opacity:.3;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,50%), #fffc 0%, transparent 50%);position:absolute;inset:0}.holo-card .holo-grain{border-radius:inherit;pointer-events:none;z-index:13;mix-blend-mode:overlay;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.holo-card .holo-card-content{z-index:5;position:relative}.holo-slide-bg{background:radial-gradient(at 50% 40%,#1a1a2e 0%,#0d0d0d 70%,#000 100%)}.card-bg-grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);gap:6px;animation:12s linear infinite grid-slide;display:grid;position:absolute;inset:-40px;transform:rotate(-8deg)scale(1.15)}.card-bg-grid img{-o-object-fit:cover;object-fit:cover;filter:saturate(1.3)contrast(1.2);width:100%;height:100%}@keyframes grid-slide{0%{transform:rotate(-8deg)scale(1.15)translate(0)}to{transform:rotate(-8deg)scale(1.15)translate(-25%)}}.card-bg-crt{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:absolute;inset:0}.card-bg-grain{pointer-events:none;z-index:3;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.card-bg-tint{pointer-events:none;z-index:1;mix-blend-mode:color;position:absolute;inset:0}.card-bg-vignette{pointer-events:none;z-index:4;background:radial-gradient(#0000 30%,#000000b3 100%);position:absolute;inset:0}@keyframes radial-pulse{0%{opacity:.6;background-size:100% 100%}50%{opacity:.9;background-size:140% 140%}to{opacity:.6;background-size:100% 100%}}.card-bg-pulse{z-index:0;background:radial-gradient(circle at 50% 45%, var(--pulse-color,#e8b708) 0%, transparent 60%);opacity:.6;animation:4s ease-in-out infinite radial-pulse;position:absolute;inset:0}@keyframes sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.card-bg-sweep{z-index:0;background:linear-gradient(135deg, transparent 30%, var(--sweep-color,#e8b70826) 50%, transparent 70%);background-size:200% 100%;animation:3s ease-in-out infinite sweep;position:absolute;inset:0}