.card-swap-container{transform-origin:50%;perspective:900px;margin:0 auto;position:relative;overflow:visible;transform:none}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,.8);border:1px solid rgba(123,44,191,.3);border-radius:16px;transition:all .3s;position:absolute;top:50%;left:50%;box-shadow:0 8px 32px rgba(123,44,191,.1),0 4px 16px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.1)}.card:hover{border-color:rgba(123,44,191,.6);box-shadow:0 12px 40px rgba(123,44,191,.2),0 6px 20px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.2)}@media (max-width:1024px){.card-swap-container{width:350px!important;height:250px!important}}@media (max-width:768px){.card-swap-container{width:300px!important;height:220px!important}.card{border-radius:12px}}@media (max-width:640px){.card-swap-container{max-width:320px;margin-top:3rem;width:100%!important;height:240px!important}.card{border-radius:10px}}@media (max-width:480px){.card-swap-container{max-width:280px;margin-top:4rem;height:200px!important}.card{border-radius:8px}}
.particles-container{width:100%;height:100%;position:relative}