.card-stack-container{position:relative;width:410px;height:510px;margin:2rem auto;perspective:1000px}@media (max-width:1024px){.card-stack-container{width:320px;height:400px;margin:1rem auto}}@media (max-width:768px){.card-stack-container{width:280px;height:350px;margin:1rem auto}}@media (max-width:480px){.card-stack-container{width:250px;height:300px;margin:.5rem auto}}.card{position:absolute;top:0;left:0;width:410px;height:510px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2);transition:all .6s ease;transform-origin:center center;opacity:0;pointer-events:none}@media (max-width:1024px){.card{width:320px;height:400px;border-radius:15px}}@media (max-width:768px){.card{width:280px;height:350px;border-radius:12px}}@media (max-width:480px){.card{width:250px;height:300px;border-radius:10px}}.card img{width:100%;height:100%;object-fit:cover}.card.active{z-index:3;transform:translateX(0) scale(1);opacity:1;filter:blur(0);pointer-events:auto}.card.next{z-index:2;transform:translateX(40px) scale(.9) rotateY(-5deg)}.card.next,.card.prev{opacity:.7;filter:blur(2px)}.card.prev{z-index:1;transform:translateX(-40px) scale(.9) rotateY(5deg)}.card.hidden{z-index:0;opacity:0;transform:scale(.8) translateY(20px);filter:blur(4px)}.controls{position:absolute;bottom:1rem;width:100%;display:flex;justify-content:space-between;padding:0 1.5rem;z-index:10}.nav-button{width:3em;height:3em;border:none;border-radius:50%;background:rgba(129,140,248,.2);cursor:pointer;position:relative;transition:background .3s ease}@media (max-width:768px){.nav-button{width:2.5em;height:2.5em}}@media (max-width:480px){.nav-button{width:2em;height:2em}}.nav-button:before{content:"";position:absolute;top:50%;left:50%;width:.6em;height:.6em;border:solid #a5b4fc;border-width:2px 2px 0 0;transform:translate(-50%,-50%) rotate(45deg)}.nav-button.next:before{transform:translate(-50%,-50%) rotate(-135deg)}.nav-button:hover{background:rgba(129,140,248,.4)}