.card-track{height:400px;max-width:480px;display:flex;align-items:center;margin:0 auto}.card-track,.card-wrapper{width:100%;position:relative}.card{display:flex;align-items:center;justify-content:center;aspect-ratio:1.2;position:relative;margin:1rem;border-radius:2rem;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.card:hover{border-color:rgba(59,130,246,.5);box-shadow:0 20px 40px rgba(59,130,246,.1)}.card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:4;text-align:center;padding:2rem}.card-icon{width:80px;height:80px;margin-bottom:1rem;color:#3b82f6}.card-title{font-size:1.5rem;font-weight:700;color:white;margin-bottom:.5rem}.card-description{font-size:.9rem;color:#94a3b8;line-height:1.5}.card-gradient{background:radial-gradient(#334155 40%,#3b82f6 50%,#60a5fa,#06b6d4);mix-blend-mode:darken;pointer-events:none;z-index:3}.card-gradient,.card-letters{height:100%;width:100%;position:absolute}.card-letters{--x:0px;--y:0px;left:0;top:0;color:rgba(255,255,255,.8);font-size:.7rem;font-weight:500;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Inconsolata,Roboto Mono,Noto Sans Mono,Droid Sans Mono,Liberation Mono,Consolas,Courier New,monospace;word-wrap:break-word;opacity:0;transition:opacity .4s ease;-webkit-mask-image:radial-gradient(200px circle at var(--x) var(--y),rgb(255 255 255) 20%,rgb(255 255 255/25%),transparent);mask-image:radial-gradient(200px circle at var(--x) var(--y),rgb(255 255 255) 20%,rgb(255 255 255/25%),transparent);scale:1.03;z-index:2}.card:hover .card-letters{opacity:1}.card-corners{height:100%;width:100%;position:absolute;left:0;top:0;z-index:5;pointer-events:none}.card-corners>.card-corner{display:block;height:12px;width:2px;position:absolute;background-color:#3b82f6;opacity:0;transition:opacity .3s ease}.card:hover .card-corners>.card-corner{opacity:1}.card-corners>.card-corner:after{content:"";width:12px;height:2px;position:absolute;left:-5px;top:5px;background-color:#3b82f6}.card-corners>.card-corner:first-child{left:-1px;top:-6px}.card-corners>.card-corner:nth-child(2){right:-1px;top:-6px}.card-corners>.card-corner:nth-child(3){right:-1px;bottom:-6px}.card-corners>.card-corner:nth-child(4){left:-1px;bottom:-6px}@media (max-width:600px){.card-track{height:300px;max-width:340px}.card{border-radius:1rem;margin:.5rem}.card-content{padding:1.5rem}.card-icon{width:60px;height:60px}.card-title{font-size:1.25rem}.card-description{font-size:.8rem}}