.holographic-card-wrapper{display:inline-block}.holographic-card{width:380px;max-width:90vw;transform-style:preserve-3d;cursor:pointer;background:linear-gradient(135deg,#14141ef2 0%,#1e1e2de6 50%,#14141ef2 100%);border:1px solid #ffffff1a;border-radius:1.5rem;padding:3rem 2.5rem;position:relative;overflow:hidden}.holographic-shine{background:linear-gradient(115deg,#0000 0% 25%,#00d4ff26 45%,#09f3 50%,#6464ff26 55%,#0000 75% 100%) 0 0/250% 250%;background-position:var(--mouse-x,50%)var(--mouse-y,50%);opacity:var(--opacity,0);pointer-events:none;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.holographic-gradient{background:linear-gradient(125deg,#ff00800d 0%,#ff64000d 15%,#ffc8000d 30%,#00ff640d 45%,#00c8ff14 60%,#6464ff14 75%,#c800ff0d 90%,#ff00800d 100%) 0 0/400% 400%;background-position:var(--mouse-x,50%)var(--mouse-y,50%);opacity:var(--opacity,0);mix-blend-mode:overlay;pointer-events:none;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.holographic-glitter{opacity:var(--opacity,0);pointer-events:none;border-radius:inherit;background-image:radial-gradient(circle at 20% 30%,#ffffff4d 0%,#0000 1%),radial-gradient(circle at 80% 20%,#ffffff40 0%,#0000 1%),radial-gradient(circle at 40% 70%,#ffffff4d 0%,#0000 1%),radial-gradient(circle at 70% 60%,#fff3 0%,#0000 1%),radial-gradient(circle at 10% 80%,#ffffff40 0%,#0000 1%),radial-gradient(circle at 90% 85%,#ffffff4d 0%,#0000 1%),radial-gradient(circle at 50% 10%,#fff3 0%,#0000 1%),radial-gradient(circle at 30%,#ffffff40 0%,#0000 1%),radial-gradient(circle at 60% 40%,#ffffff4d 0%,#0000 1%),radial-gradient(circle at 85% 45%,#fff3 0%,#0000 1%);background-size:100% 100%;transition:opacity .3s;animation:3s ease-in-out infinite glitter-shimmer;position:absolute;inset:0}@keyframes glitter-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.holographic-content{z-index:10;position:relative}.holographic-edge-glow{border-radius:inherit;opacity:var(--opacity,0);filter:blur(8px);pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0057ff4d 0%,#09f3 25%,#00d4ff4d 50%,#09f3 75%,#0057ff4d 100%);transition:opacity .4s;position:absolute;inset:-2px}.holographic-card:hover{box-shadow:0 25px 50px -12px #00000080,0 0 40px #0057ff26,inset 0 0 30px #ffffff08}.holographic-card:before{content:"";background:linear-gradient(var(--angle,0deg),#0057ff,#09f,#00d4ff,#0fc,#00d4ff,#09f,#0057ff);border-radius:inherit;opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:-1px}.holographic-card:hover:before{opacity:.5;animation:4s linear infinite rotate-gradient}@keyframes rotate-gradient{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.holographic-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 3px,#0000 4px);position:absolute;inset:0}@media (max-width:640px){.holographic-card{width:280px;padding:2rem 1.5rem}}