.container{position:relative;width:190px;height:254px;transition:.2s}.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:transparent;border:2px solid hsla(0,0%,100%,.1);overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.3),inset 0 0 20px rgba(0,0,0,.2)}.card-content{position:relative;width:100%;height:100%}#prompt{bottom:100px;left:50%;transform:translateX(-50%);z-index:20;font-size:16px;font-weight:600;letter-spacing:2px;color:hsla(0,0%,100%,.7);text-shadow:0 0 10px hsla(0,0%,100%,.3)}#prompt,.title{position:absolute;transition:.3s ease-in-out;text-align:center}.title{top:0;width:100%;padding-top:20px;opacity:0;font-size:20px;font-weight:800;letter-spacing:4px;background-color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(0,255,170,.3));text-shadow:0 0 10px rgba(92,103,255,.5),0 0 20px rgba(92,103,255,.3)}.subtitle{position:absolute;bottom:40px;width:100%;text-align:center;font-size:12px;letter-spacing:2px;transform:translateY(30px);color:hsla(0,0%,100%,.6)}.highlight{color:#0fa;margin-left:5px;background:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.glowing-elements{position:absolute;inset:0;pointer-events:none}.glow-1,.glow-2,.glow-3{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,255,170,.3) 0,rgba(0,255,170,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:3px;height:3px;background:#0fa;border-radius:50%;opacity:0;transition:opacity .3s ease}@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,rgba(0,255,170,.1) 0,rgba(0,162,255,.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 .title{opacity:1;transform:translateY(-10px)}.tracker:hover~#card .glowing-elements div{opacity:1}.tracker:hover~#card .card-particles span{animation:particleFloat 2s infinite}.tracker{position:absolute;z-index:200;width:100%;height:100%}.tracker:hover{cursor:pointer}.tracker:hover~#card:before{opacity:1}.container:hover #card:before{transition:.2s;opacity:80%}.canvas{perspective:800px;inset:0;z-index:200;position:absolute;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:0;grid-template-areas:"tr-1 tr-2 tr-3 tr-4 tr-5" "tr-6 tr-7 tr-8 tr-9 tr-10" "tr-11 tr-12 tr-13 tr-14 tr-15" "tr-16 tr-17 tr-18 tr-19 tr-20" "tr-21 tr-22 tr-23 tr-24 tr-25"}.tr-1{grid-area:tr-1}.tr-2{grid-area:tr-2}.tr-3{grid-area:tr-3}.tr-4{grid-area:tr-4}.tr-5{grid-area:tr-5}.tr-6{grid-area:tr-6}.tr-7{grid-area:tr-7}.tr-8{grid-area:tr-8}.tr-9{grid-area:tr-9}.tr-10{grid-area:tr-10}.tr-11{grid-area:tr-11}.tr-12{grid-area:tr-12}.tr-13{grid-area:tr-13}.tr-14{grid-area:tr-14}.tr-15{grid-area:tr-15}.tr-16{grid-area:tr-16}.tr-17{grid-area:tr-17}.tr-18{grid-area:tr-18}.tr-19{grid-area:tr-19}.tr-20{grid-area:tr-20}.tr-21{grid-area:tr-21}.tr-22{grid-area:tr-22}.tr-23{grid-area:tr-23}.tr-24{grid-area:tr-24}.tr-25{grid-area:tr-25}.tr-1:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(-10deg)}.tr-2:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(-5deg)}.tr-3:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(0deg)}.tr-4:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(5deg)}.tr-5:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(10deg)}.tr-6:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(-10deg)}.tr-7:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(-5deg)}.tr-8:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(0deg)}.tr-9:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(5deg)}.tr-10:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(10deg)}.tr-11:hover~#card{transition:125ms ease-in-out;transform:rotateX(0deg) rotateY(-10deg)}.tr-12:hover~#card{transition:125ms ease-in-out;transform:rotateX(0deg) rotateY(-5deg)}.tr-13:hover~#card{transition:125ms ease-in-out;transform:rotateX(0deg) rotateY(0deg)}.tr-14:hover~#card{transition:125ms ease-in-out;transform:rotateX(0deg) rotateY(5deg)}.tr-15:hover~#card{transition:125ms ease-in-out;transform:rotateX(0deg) rotateY(10deg)}.tr-16:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(-10deg)}.tr-17:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(-5deg)}.tr-18:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(0deg)}.tr-19:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(5deg)}.tr-20:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(10deg)}.tr-21:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(-10deg)}.tr-22:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(-5deg)}.tr-23:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(0deg)}.tr-24:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(5deg)}.tr-25:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(10deg)}.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,hsla(0,0%,100%,0),hsla(0,0%,100%,.05) 45%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 55%,hsla(0,0%,100%,0));opacity:0;transition:opacity .3s}.cyber-lines span{position:absolute;background:linear-gradient(90deg,transparent,rgba(92,103,255,.2),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:15px;height:15px;border:2px solid rgba(92,103,255,.3);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{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(92,103,255,.1),transparent);transform:translateY(-100%);animation:scanMove 2s linear infinite}@keyframes lineGrow{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}#card:hover .card-glare{opacity:1}#card:hover .corner-elements span{border-color:rgba(92,103,255,.8);box-shadow:0 0 10px rgba(92,103,255,.5)}