.animated-card-container{position:relative;width:190px;height:254px;transition:.2s;font-family:Courier New,monospace}.animated-card-container:active{width:180px;height:245px}#card{position:absolute;inset:0;z-index:0;display:flex;justify-content:center;align-items:center;border-radius:20px;transition:.7s;background:linear-gradient(45deg,#0a0a0a,#1a1a1a,#020);border:2px solid hsl(var(--primary)/.3);overflow:hidden;box-shadow:0 0 20px hsl(var(--primary)/.3),inset 0 0 20px rgba(0,0,0,.5)}.card-content{position:relative;width:100%;height:100%}#prompt{bottom:80px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:600;letter-spacing:2px;color:hsl(var(--primary)/.7);text-shadow:0 0 10px hsl(var(--primary)/.5);text-transform:uppercase}#prompt,.title{z-index:25;transition:.3s ease-in-out;position:absolute;text-align:center}.title{opacity:0;font-size:24px;font-weight:800;letter-spacing:3px;padding-top:30px;background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--primary)/.8),hsl(var(--primary)/.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px hsl(var(--primary)/.5));text-shadow:0 0 10px hsl(var(--primary)/.7),0 0 20px hsl(var(--primary)/.3)}.subtitle,.title{width:100%;text-transform:uppercase}.subtitle{position:absolute;bottom:50px;text-align:center;font-size:10px;letter-spacing:1px;transform:translateY(30px);color:hsl(var(--primary)/.6);z-index:25}.highlight{color:hsl(var(--primary));margin-left:5px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.glowing-elements{position:absolute;inset:0;pointer-events:none}.glow-1,.glow-2,.glow-3{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at center,hsl(var(--primary)/.4) 0,hsl(var(--primary)/0) 70%);filter:blur(15px);opacity:0;transition:opacity .3s ease}.glow-1{top:-20px;left:-20px}.glow-2{top:50%;right:-30px;transform:translateY(-50%)}.glow-3{bottom:-20px;left:30%}.card-particles span{position:absolute;width:2px;height:2px;background:hsl(var(--primary));border-radius:50%;opacity:0;transition:opacity .3s ease;box-shadow:0 0 6px hsl(var(--primary))}.tracker:hover~#card .title{opacity:1;transform:translateY(-10px)}.tracker:hover~#card .card-image{opacity:1;transform:scale(1.02)}.tracker:hover~#card .card-img{filter:brightness(1.1) contrast(1.1) drop-shadow(0 0 15px hsl(var(--primary)/.8)) drop-shadow(0 0 25px hsl(var(--primary)/.4));transform:scale(1.02)}.tracker:hover~#card .glowing-elements div{opacity:1}.tracker:hover~#card .card-particles span{animation:particleFloat 2s infinite}@keyframes particleFloat{0%{transform:translate(0);opacity:0}50%{opacity:1}to{transform:translate(calc(var(--x, 0) * 30px),calc(var(--y, 0) * 30px));opacity:0}}.card-particles span:first-child{--x:1;--y:-1;top:40%;left:20%}.card-particles span:nth-child(2){--x:-1;--y:-1;top:60%;right:20%}.card-particles span:nth-child(3){--x:0.5;--y:1;top:20%;left:40%}.card-particles span:nth-child(4){--x:-0.5;--y:1;top:80%;right:40%}.card-particles span:nth-child(5){--x:1;--y:0.5;top:30%;left:60%}.card-particles span:nth-child(6){--x:-1;--y:0.5;top:70%;right:60%}#card:before{content:"";background:radial-gradient(circle at center,hsl(var(--primary)/.1) 0,hsl(var(--primary)/.05) 50%,transparent 100%);filter:blur(20px);opacity:0;width:150%;height:150%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.tracker:hover~#card:before{opacity:1}.tracker{position:absolute;z-index:200;width:100%;height:100%}.tracker:hover{cursor:pointer}.tracker:hover~#card #prompt{opacity:0}.tracker:hover~#card{transition:.3s;filter:brightness(1.3);border-color:hsl(var(--primary)/.8)}.animated-card-container:hover #card:before{transition:.2s;content:"";opacity:80%}.canvas{position:absolute;width:100%;height:100%;opacity:.3;z-index:100;pointer-events:none}.canvas div{position:absolute;width:20%;height:20%;border:1px solid hsl(var(--primary)/.2);transition:all .1s ease}.canvas .tr-1{top:0;left:0}.canvas .tr-2{top:0;left:20%}.canvas .tr-3{top:0;left:40%}.canvas .tr-4{top:0;left:60%}.canvas .tr-5{top:0;left:80%}.canvas .tr-6{top:20%;left:0}.canvas .tr-7{top:20%;left:20%}.canvas .tr-8{top:20%;left:40%}.canvas .tr-9{top:20%;left:60%}.canvas .tr-10{top:20%;left:80%}.canvas .tr-11{top:40%;left:0}.canvas .tr-12{top:40%;left:20%}.canvas .tr-13{top:40%;left:40%}.canvas .tr-14{top:40%;left:60%}.canvas .tr-15{top:40%;left:80%}.canvas .tr-16{top:60%;left:0}.canvas .tr-17{top:60%;left:20%}.canvas .tr-18{top:60%;left:40%}.canvas .tr-19{top:60%;left:60%}.canvas .tr-20{top:60%;left:80%}.canvas .tr-21{top:80%;left:0}.canvas .tr-22{top:80%;left:20%}.canvas .tr-23{top:80%;left:40%}.canvas .tr-24{top:80%;left:60%}.canvas .tr-25{top:80%;left:80%}.tracker:hover~#card .canvas div{border-color:hsl(var(--primary)/.4);background:hsl(var(--primary)/.05)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-glare{position:absolute;inset:0;background:linear-gradient(125deg,hsl(var(--primary)/0) 0,hsl(var(--primary)/.05) 45%,hsl(var(--primary)/.1) 50%,hsl(var(--primary)/.05) 55%,hsl(var(--primary)/0) 100%);opacity:0;transition:opacity .3s;border-radius:20px}.cyber-lines span{position:absolute;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.3),transparent)}.cyber-lines span:first-child{top:20%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;animation:lineGrow 3s linear infinite}.cyber-lines span:nth-child(2){top:40%;right:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;animation:lineGrow 3s linear 1s infinite}.cyber-lines span:nth-child(3){top:60%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;animation:lineGrow 3s linear 2s infinite}.cyber-lines span:nth-child(4){top:80%;right:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;animation:lineGrow 3s linear 1.5s infinite}.corner-elements span{position:absolute;width:12px;height:12px;border:2px solid hsl(var(--primary)/.4);transition:all .3s ease}.corner-elements span:first-child{top:10px;left:10px;border-right:0;border-bottom:0}.corner-elements span:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}.corner-elements span:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}.corner-elements span:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}.scan-line{inset:0;background:linear-gradient(to bottom,transparent,hsl(var(--primary)/.2),transparent);transform:translateY(-100%);animation:scanMove 3s linear infinite;border-radius:20px}@keyframes lineGrow{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}#card:hover .card-glare{opacity:1}#card:hover .corner-elements span{border-color:hsl(var(--primary)/.8);box-shadow:0 0 10px hsl(var(--primary)/.5)}@media (max-width:768px){.animated-card-container{width:160px;height:220px}.title{font-size:18px;padding-top:25px}#prompt{font-size:10px;bottom:80px}.subtitle{font-size:8px;bottom:40px}}.card-image{position:absolute;top:10px;left:10px;right:10px;bottom:40px;z-index:15;opacity:.9;transition:all .4s ease-in-out;pointer-events:none;border-radius:15px;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 0 8px hsl(var(--primary)/.4)) drop-shadow(0 0 15px hsl(var(--primary)/.2));border-radius:12px;transition:all .3s ease-in-out}.flip-card-container{position:relative;width:190px;height:254px;perspective:1000px;font-family:Courier New,monospace}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);cursor:pointer}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;background:linear-gradient(45deg,#0a0a0a,#1a1a1a,#020);border:2px solid hsl(var(--primary)/.4);box-shadow:0 0 20px hsl(var(--primary)/.3),inset 0 0 20px rgba(0,0,0,.5)}.flip-card-back{transform:rotateY(180deg)}.flip-card.flipped .flip-card-front,.flip-card:not(.flipped) .flip-card-back{opacity:0;pointer-events:none;transition:opacity .3s ease}.flip-card.flipped .flip-card-back{opacity:1;pointer-events:auto;transition:opacity .3s ease}.flip-card-content{position:relative;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:10}.flip-card-title{font-size:18px;font-weight:800;letter-spacing:2px;text-align:center;color:hsl(var(--primary));text-shadow:0 0 10px hsl(var(--primary)/.7);text-transform:uppercase;margin-bottom:10px;background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--primary)/.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flip-card-image-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-height:140px;border-radius:15px;overflow:hidden;border:1px solid hsl(var(--primary)/.3);background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,34,0,.3))}.flip-card-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 0 8px hsl(var(--primary)/.4)) brightness(1.1) contrast(1.1);transition:all .3s ease}.flip-card:hover .flip-card-image{filter:drop-shadow(0 0 15px hsl(var(--primary)/.8)) brightness(1.2) contrast(1.2);transform:scale(1.05)}.flip-card:hover .flip-card-logo img{transform:scale(1.1);filter:drop-shadow(0 0 15px hsl(var(--primary)/.6))}.flip-card:hover .flip-card-slogan{text-shadow:0 0 20px hsl(var(--primary)/.9)}.flip-card:not(.flipped):hover .flip-card-front .flip-card-image{filter:drop-shadow(0 0 15px hsl(var(--primary)/.8)) brightness(1.2) contrast(1.2);transform:scale(1.05)}.flip-card.flipped:hover .flip-card-back .flip-card-logo img{transform:scale(1.1);filter:drop-shadow(0 0 15px hsl(var(--primary)/.6))}.flip-card.flipped:hover .flip-card-back .flip-card-slogan{text-shadow:0 0 20px hsl(var(--primary)/.9)}.flip-card.flipped:hover .flip-card-back,.flip-card:not(.flipped):hover .flip-card-front{border-color:hsl(var(--primary)/.8);box-shadow:0 0 30px hsl(var(--primary)/.5),inset 0 0 20px rgba(0,0,0,.3)}.flip-card-logo img{transition:all .3s ease}.flip-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:hsl(var(--primary)/.7)}.placeholder-icon{filter:drop-shadow(0 0 5px hsl(var(--primary)/.5))}.placeholder-text{font-size:12px;text-shadow:0 0 5px hsl(var(--primary)/.5)}.flip-card-prompt{font-size:10px;font-weight:600;letter-spacing:2px;color:hsl(var(--primary)/.8);text-transform:uppercase;text-align:center;margin-top:10px;text-shadow:0 0 8px hsl(var(--primary)/.5);animation:pulseGlow 2s ease-in-out infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes pulseGlow{0%,to{opacity:.8;text-shadow:0 0 8px hsl(var(--primary)/.5)}50%{opacity:1;text-shadow:0 0 15px hsl(var(--primary)/.8)}}.flip-card-decorations{position:absolute;inset:0;pointer-events:none}.flip-card-decorations span{position:absolute;width:12px;height:12px;border:2px solid hsl(var(--primary)/.4);transition:all .3s ease}.flip-card-decorations span:first-child{top:15px;left:15px;border-right:0;border-bottom:0}.flip-card-decorations span:nth-child(2){top:15px;right:15px;border-left:0;border-bottom:0}.flip-card-decorations span:nth-child(3){bottom:15px;left:15px;border-right:0;border-top:0}.flip-card-decorations span:nth-child(4){bottom:15px;right:15px;border-left:0;border-top:0}.flip-card:not(.flipped):hover .flip-card-front .flip-card-decorations span{border-color:hsl(var(--primary)/.8);box-shadow:0 0 10px hsl(var(--primary)/.5)}.flip-card-back .flip-card-content{justify-content:center;align-items:center;gap:20px}.flip-card-logo{display:flex;justify-content:center;align-items:center}.flip-card-slogan{font-size:22px;font-weight:800;letter-spacing:2px;text-align:center;line-height:1.3;color:hsl(var(--primary));text-shadow:0 0 15px hsl(var(--primary)/.7);text-transform:uppercase;background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--primary)/.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:text-shadow .3s ease}.flip-card-description,.flip-card-subtitle{display:none}.flip-card-back-decorations{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.decoration-line{width:30px;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.6),transparent)}.decoration-dots{display:flex;gap:4px}.decoration-dots span{width:4px;height:4px;border-radius:50%;background:hsl(var(--primary)/.6);box-shadow:0 0 5px hsl(var(--primary)/.4)}.flip-card-scan-line{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,hsl(var(--primary)/.2),transparent);transform:translateY(-100%);animation:scanMove 3s linear infinite;border-radius:20px}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.flip-card-instructions{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:9px;color:hsl(var(--primary)/.6);text-align:center;letter-spacing:1px;white-space:nowrap}.flip-card:before{content:"";position:absolute;inset:-5px;background:radial-gradient(circle at center,hsl(var(--primary)/.1) 0,transparent 70%);border-radius:25px;opacity:0;transition:opacity .3s ease;z-index:-1}.flip-card.flipped:hover:before,.flip-card:not(.flipped):hover:before{opacity:1}@media (max-width:768px){.flip-card-container{width:160px;height:220px}.flip-card-title{font-size:16px}.flip-card-slogan{font-size:20px}.flip-card-subtitle{font-size:11px}.flip-card-description{font-size:9px}}.tunnel-card-container{position:relative;width:190px;height:254px;perspective:1000px;font-family:Courier New,monospace;overflow:hidden;border-radius:20px;cursor:pointer}.space-tunnel{position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,0,0,.05),rgba(0,0,0,.1));z-index:20}.cube-frame{position:absolute;width:100px;height:100px;top:calc(50% - 50px);left:calc(50% - 50px);border:2px solid rgba(128,255,128,.8);box-shadow:0 0 20px hsl(var(--primary)/.6),0 0 40px hsl(var(--primary)/.3);mix-blend-mode:screen;filter:drop-shadow(2px 0 rgba(255,0,0,.6)) drop-shadow(-2px 0 rgba(0,0,255,.6));animation:fly 3s linear infinite;border-radius:4px}.cube-frame-1{animation-delay:0s}.cube-frame-2{animation-delay:.375s}.cube-frame-3{animation-delay:.75s}.cube-frame-4{animation-delay:1.125s}.cube-frame-5{animation-delay:1.5s}.cube-frame-6{animation-delay:1.875s}.cube-frame-7{animation-delay:2.25s}.cube-frame-8{animation:none!important}@keyframes fly{0%{transform:translateZ(600px) scale(.1) rotate(0deg);opacity:0}25%{opacity:1}to{transform:translateZ(-800px) scale(2.5) rotate(1turn);opacity:0}}.tunnel-card{background:linear-gradient(45deg,hsla(0,0%,4%,.85),rgba(26,26,26,.85),rgba(0,34,0,.85));border:2px solid hsl(var(--primary)/.4);border-radius:20px;box-shadow:0 0 20px hsl(var(--primary)/.3),inset 0 0 20px rgba(0,0,0,.5);z-index:5;overflow:hidden}.tunnel-card,.tunnel-card-content{position:relative;width:100%;height:100%}.tunnel-card-content{padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:10}.tunnel-card-title{font-size:18px;font-weight:800;letter-spacing:2px;text-align:center;color:hsl(var(--primary));text-shadow:0 0 10px hsl(var(--primary)/.7);text-transform:uppercase;margin-bottom:10px;background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--primary)/.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 2s ease-in-out infinite;position:relative;z-index:25}@keyframes titlePulse{0%,to{text-shadow:0 0 10px hsl(var(--primary)/.7)}50%{text-shadow:0 0 20px hsl(var(--primary)/1)}}.tunnel-card-image-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-height:120px;border-radius:15px;overflow:hidden;border:1px solid hsl(var(--primary)/.3);background:radial-gradient(circle at center,rgba(0,0,0,.7),rgba(0,34,0,.2));position:relative;z-index:8}.tunnel-card-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 0 8px hsl(var(--primary)/.4)) brightness(1.1) contrast(1.1) saturate(1.2);transition:all .3s ease;animation:imageFloat 3s ease-in-out infinite}@keyframes imageFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(2deg)}}.tunnel-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:hsl(var(--primary)/.7);animation:placeholderSpin 4s linear infinite}@keyframes placeholderSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.placeholder-text{font-size:10px}.tunnel-card-prompt{font-size:10px;font-weight:600;letter-spacing:2px;color:hsl(var(--primary)/.9);text-transform:uppercase;text-align:center;margin-top:10px;text-shadow:0 0 8px hsl(var(--primary)/.5);animation:promptGlow 1.5s ease-in-out infinite;position:relative;z-index:25}@keyframes promptGlow{0%,to{opacity:.8;text-shadow:0 0 8px hsl(var(--primary)/.5)}50%{opacity:1;text-shadow:0 0 15px hsl(var(--primary)/.9)}}.tunnel-card-subtitle{font-size:9px;font-weight:400;letter-spacing:1px;color:hsl(var(--primary)/.6);text-align:center;text-transform:uppercase;margin-top:5px;position:relative;z-index:25}.tunnel-corner-elements{position:absolute;inset:0;pointer-events:none;z-index:30}.tunnel-corner-elements span{position:absolute;width:12px;height:12px;border:2px solid hsl(var(--primary)/.4);transition:all .3s ease;animation:cornerPulse 2s ease-in-out infinite}.tunnel-corner-elements span:first-child{top:15px;left:15px;border-right:0;border-bottom:0;animation-delay:0s}.tunnel-corner-elements span:nth-child(2){top:15px;right:15px;border-left:0;border-bottom:0;animation-delay:.5s}.tunnel-corner-elements span:nth-child(3){bottom:15px;left:15px;border-right:0;border-top:0;animation-delay:1s}.tunnel-corner-elements span:nth-child(4){bottom:15px;right:15px;border-left:0;border-top:0;animation-delay:1.5s}@keyframes cornerPulse{0%,to{border-color:hsl(var(--primary)/.4);box-shadow:none}50%{border-color:hsl(var(--primary)/.8);box-shadow:0 0 10px hsl(var(--primary)/.5)}}.tunnel-card-container:hover .tunnel-card{border-color:hsl(var(--primary)/.8);box-shadow:0 0 30px hsl(var(--primary)/.5),inset 0 0 20px rgba(0,0,0,.3);filter:brightness(1.2)}.tunnel-card-container:hover .tunnel-card-image{filter:drop-shadow(0 0 15px hsl(var(--primary)/.8)) brightness(1.3) contrast(1.2) saturate(1.4);transform:scale(1.05) rotate(5deg)}.tunnel-card-container:hover .cube-frame{animation-duration:1.5s;border-color:hsl(var(--primary));box-shadow:0 0 25px hsl(var(--primary)/.8),0 0 50px hsl(var(--primary)/.5)}.tunnel-card-container:before{content:"";position:absolute;inset:-5px;background:radial-gradient(circle at center,hsl(var(--primary)/.15) 0,transparent 70%);border-radius:25px;opacity:0;transition:opacity .3s ease;z-index:-1}.tunnel-card-container:hover:before{opacity:1}@media (max-width:768px){.tunnel-card-container{width:160px;height:220px}.cube-frame{width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px)}.tunnel-card-title{font-size:16px}.tunnel-card-prompt{font-size:9px}.tunnel-card-subtitle{font-size:8px}}.glitch-card-container{position:relative;width:190px;height:254px;font-family:var(--font-press-start),"Courier New",monospace;cursor:pointer;overflow:hidden;border-radius:20px}.glitch-card{background:linear-gradient(45deg,#0a0a0a,#1a1a1a,#020);border:2px solid hsl(var(--primary)/.4);border-radius:20px;box-shadow:0 0 20px hsl(var(--primary)/.3),inset 0 0 20px rgba(0,0,0,.5);overflow:hidden}.glitch-card,.glitch-card-content{position:relative;width:100%;height:100%}.glitch-card-content{padding:15px 20px 20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:10}.glitch{position:relative;color:hsl(var(--primary));background:transparent}.glitch:after,.glitch:before{animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate-reverse;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,900px,0,0);content:attr(data-text);pointer-events:none}.glitch:after{animation-name:glitch-animation;animation-duration:4s;left:4px;text-shadow:-2px 0 #ffa800;color:hsl(var(--primary)/.8)}.glitch:before{animation-name:glitch-animation-2;animation-duration:6s;left:-4px;text-shadow:2px 0 #00d8ff;color:hsl(var(--primary)/.9)}.glitch-card-title{font-size:16px;font-weight:800;letter-spacing:2px;text-align:center;text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 10px hsl(var(--primary)/.7);animation:titleGlitch 3s ease-in-out infinite}@keyframes titleGlitch{0%,to{text-shadow:0 0 10px hsl(var(--primary)/.7)}25%{text-shadow:2px 0 red,-2px 0 #0ff}50%{text-shadow:0 0 20px hsl(var(--primary)/1)}75%{text-shadow:-2px 0 #f0f,2px 0 #ff0}}.glitch-card-image-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-height:120px;border-radius:15px;overflow:hidden;border:1px solid hsl(var(--primary)/.3);background:radial-gradient(circle at center,rgba(0,0,0,.8),rgba(0,34,0,.3));position:relative}.glitch-card-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 0 8px hsl(var(--primary)/.4)) brightness(1.1) contrast(1.2) saturate(1.3);transition:all .3s ease;animation:imageGlitch 5s ease-in-out infinite}@keyframes imageGlitch{0%,to{filter:drop-shadow(0 0 8px hsl(var(--primary)/.4)) brightness(1.1) contrast(1.2) saturate(1.3)}20%{filter:drop-shadow(2px 0 #ff0000) drop-shadow(-2px 0 #00ffff) brightness(1.3) contrast(1.5) saturate(1.8)}40%{filter:drop-shadow(0 0 15px hsl(var(--primary)/.8)) brightness(.8) contrast(1.8) saturate(.5)}60%{filter:drop-shadow(-2px 0 #ffff00) drop-shadow(2px 0 #ff00ff) brightness(1.5) contrast(.8) saturate(2)}80%{filter:drop-shadow(0 0 20px hsl(var(--primary)/1)) brightness(1.2) contrast(1.3) saturate(1.5)}}.glitch-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:hsl(var(--primary)/.8)}.placeholder-icon{font-size:32px;margin-bottom:8px;filter:drop-shadow(0 0 8px hsl(var(--primary)/.6))}.placeholder-text{font-size:9px;letter-spacing:1px;line-height:1.2}.glitch-card-prompt,.placeholder-text{font-weight:600;text-align:center;text-shadow:0 0 8px hsl(var(--primary)/.5)}.glitch-card-prompt{font-size:10px;letter-spacing:2px;color:hsl(var(--primary)/.9);text-transform:uppercase;margin-top:10px}.glitch-card-subtitle{font-size:10px;font-weight:400;letter-spacing:1px;color:hsl(var(--primary)/.7);text-align:center;text-transform:uppercase;margin-top:5px;white-space:nowrap;overflow:visible;position:relative;z-index:20}.glitch-scan-lines{position:absolute;inset:0;pointer-events:none;z-index:5}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.6),transparent);animation:scanGlitch 4s linear infinite}.scan-line:first-child{top:25%;animation-delay:0s}.scan-line:nth-child(2){top:50%;animation-delay:1.3s}.scan-line:nth-child(3){top:75%;animation-delay:2.7s}@keyframes scanGlitch{0%{transform:translateX(-100%);opacity:0}10%,90%{opacity:1}50%{transform:translateX(0);box-shadow:0 0 10px hsl(var(--primary)/.8)}to{transform:translateX(100%);opacity:0}}.glitch-corner-elements{position:absolute;inset:0;pointer-events:none;z-index:15}.glitch-corner-elements span{position:absolute;width:12px;height:12px;border:2px solid hsl(var(--primary)/.5);transition:all .3s ease;animation:cornerGlitch 3s ease-in-out infinite}.glitch-corner-elements span:first-child{top:15px;left:15px;border-right:0;border-bottom:0;animation-delay:0s}.glitch-corner-elements span:nth-child(2){top:15px;right:15px;border-left:0;border-bottom:0;animation-delay:.75s}.glitch-corner-elements span:nth-child(3){bottom:15px;left:15px;border-right:0;border-top:0;animation-delay:1.5s}.glitch-corner-elements span:nth-child(4){bottom:15px;right:15px;border-left:0;border-top:0;animation-delay:2.25s}@keyframes cornerGlitch{0%,to{border-color:hsl(var(--primary)/.5);box-shadow:none}25%{border-color:red;box-shadow:0 0 10px red}50%{border-color:hsl(var(--primary));box-shadow:0 0 15px hsl(var(--primary)/.8)}75%{border-color:#0ff;box-shadow:0 0 10px #0ff}}@keyframes glitch-animation{0%{clip:rect(42px,9999px,44px,0)}5%{clip:rect(12px,9999px,59px,0)}10%{clip:rect(48px,9999px,29px,0)}15%{clip:rect(42px,9999px,73px,0)}20%{clip:rect(63px,9999px,27px,0)}25%{clip:rect(34px,9999px,55px,0)}30%{clip:rect(86px,9999px,73px,0)}35%{clip:rect(20px,9999px,20px,0)}40%{clip:rect(26px,9999px,60px,0)}45%{clip:rect(25px,9999px,66px,0)}50%{clip:rect(57px,9999px,98px,0)}55%{clip:rect(5px,9999px,46px,0)}60%{clip:rect(82px,9999px,31px,0)}65%{clip:rect(54px,9999px,27px,0)}70%{clip:rect(28px,9999px,99px,0)}75%{clip:rect(45px,9999px,69px,0)}80%{clip:rect(23px,9999px,85px,0)}85%{clip:rect(54px,9999px,84px,0)}90%{clip:rect(45px,9999px,47px,0)}95%{clip:rect(37px,9999px,20px,0)}to{clip:rect(4px,9999px,91px,0)}}@keyframes glitch-animation-2{0%{clip:rect(65px,9999px,100px,0)}5%{clip:rect(52px,9999px,74px,0)}10%{clip:rect(79px,9999px,85px,0)}15%{clip:rect(75px,9999px,5px,0)}20%{clip:rect(67px,9999px,61px,0)}25%{clip:rect(14px,9999px,79px,0)}30%{clip:rect(1px,9999px,66px,0)}35%{clip:rect(86px,9999px,30px,0)}40%{clip:rect(23px,9999px,98px,0)}45%{clip:rect(85px,9999px,72px,0)}50%{clip:rect(71px,9999px,75px,0)}55%{clip:rect(2px,9999px,48px,0)}60%{clip:rect(30px,9999px,16px,0)}65%{clip:rect(59px,9999px,50px,0)}70%{clip:rect(41px,9999px,62px,0)}75%{clip:rect(2px,9999px,82px,0)}80%{clip:rect(47px,9999px,73px,0)}85%{clip:rect(3px,9999px,27px,0)}90%{clip:rect(26px,9999px,55px,0)}95%{clip:rect(42px,9999px,97px,0)}to{clip:rect(38px,9999px,49px,0)}}.glitch-card-container:hover .glitch-card{border-color:hsl(var(--primary)/.8);box-shadow:0 0 30px hsl(var(--primary)/.5),inset 0 0 20px rgba(0,0,0,.3);filter:brightness(1.2)}.glitch-card-container:hover .glitch:after{animation-duration:2s}.glitch-card-container:hover .glitch:before{animation-duration:3s}.glitch-card-container:hover .glitch-card-image{transform:scale(1.05);filter:drop-shadow(2px 0 #ff0000) drop-shadow(-2px 0 #00ffff) brightness(1.4) contrast(1.5) saturate(1.8)}@media (max-width:768px){.glitch-card-container{width:160px;height:220px}.glitch-card-title{font-size:14px}.glitch-card-prompt,.glitch-card-subtitle{font-size:9px}}