.interactive-fan-container{position:relative;height:520px;display:flex;justify-content:center;align-items:center;perspective:1000px;touch-action:pan-y;cursor:grab;overflow:hidden}.interactive-fan-container:after,.interactive-fan-container:before{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:4;pointer-events:none}.interactive-fan-container:before{left:0;background:linear-gradient(90deg,rgb(249 250 251) 1%,transparent)}.interactive-fan-container:after{right:0;background:linear-gradient(270deg,rgb(249 250 251) 1%,transparent)}.interactive-fan-container:active{cursor:grabbing}.interactive-fan-card{position:absolute;width:300px;height:330px;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .5s ease;transform-style:preserve-3d;z-index:1;backface-visibility:hidden}.center-left-card{transform:translateX(0) translateZ(50px) rotateY(0deg);z-index:3}.center-right-card{transform:translateX(290px) translateY(50px) rotate(10deg);z-index:2}.left-text-card{transform:translateX(-600px) translateY(0) rotate(10deg);z-index:3;opacity:1}.left-image-card{transform:translateX(-290px) translateY(50px) rotate(-10deg);z-index:2;opacity:1}.right-text-card{z-index:3;opacity:1}.right-image-card,.right-text-card{transform:translateX(600px) translateY(0) rotate(-10deg)}.right-image-card{z-index:0;opacity:0}.hidden-card{opacity:0;pointer-events:none;transform:translateX(900px) translateZ(-200px);z-index:-1}.interactive-image-card{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden}.interactive-text-card{background:white;padding:30px 45px;border-radius:24px;height:100%;display:flex;flex-direction:column}.interactive-rating{display:flex;gap:2px;color:#2b3b59}.swipe-indicator{position:absolute;top:-40px;right:20px;color:#2b3b59;font-size:14px;animation:pulse 2s infinite}.swipe-icon,.swipe-indicator{display:flex;align-items:center}.swipe-icon{gap:5px}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.navigation-buttons{position:relative;bottom:0;gap:20px;width:100%;z-index:10;margin-bottom:8px}.nav-button,.navigation-buttons{display:flex;justify-content:center;align-items:center}.nav-button{background:white;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.1);color:#2b3b59;transition:all .2s ease}.nav-button:hover{background:#2b3b59;color:white;transform:translateY(-2px)}.pagination-dots{display:flex;gap:8px}.pagination-dot{width:8px;height:8px;border-radius:50%;background-color:#d1d5db;border:none;padding:0;cursor:pointer;transition:all .2s ease}.pagination-dot.active{background-color:#2b3b59;transform:scale(1.3)}@media (max-width:1280px){.center-left-card{transform:translateX(0) translateZ(50px) rotateY(0deg);z-index:3}.center-right-card{transform:translateX(290px) translateY(50px) rotate(10deg);z-index:2}.left-text-card{transform:translateX(-600px) translateY(0) rotate(10deg);z-index:3;opacity:1}.left-image-card{transform:translateX(-290px) translateY(50px) rotate(-10deg);z-index:2;opacity:1}.right-text-card{z-index:3;opacity:1}.right-image-card,.right-text-card{transform:translateX(600px) translateY(0) rotate(-10deg)}.right-image-card{z-index:0;opacity:0}}@media (max-width:1024px){.center-left-card{transform:translateX(0) translateZ(50px) rotateY(0deg);z-index:3}.center-right-card{transform:translateX(240px) translateY(50px) rotate(10deg);z-index:2}.left-text-card{transform:translateX(-480px) translateY(0) rotate(10deg);z-index:3;opacity:1}.left-image-card{transform:translateX(-240px) translateY(50px) rotate(-10deg);z-index:2;opacity:1}.right-text-card{z-index:3;opacity:1}.right-image-card,.right-text-card{transform:translateX(480px) translateY(0) rotate(-10deg)}.right-image-card{z-index:0;opacity:0}}@media (max-width:640px){.interactive-fan-card{background:white;position:relative!important;width:300px;height:300px;max-width:400px;height:auto;min-height:300px;margin:0 auto 20px!important;transform:none!important;opacity:1!important;left:auto!important;right:auto!important;box-shadow:0 5px 15px rgba(0,0,0,.1);scale:.9}.center-left-card{transform:translateX(25px) translateZ(50px) rotateY(5deg)!important;z-index:3;rotate:6deg}.center-right-card{transform:translateX(0) translateZ(50px)!important;z-index:2;rotate:-6deg}.interactive-fan-card.center-left-card{transform:translateX(40px) translateZ(0) rotateY(6deg)!important}.interactive-fan-card.center-right-card{transform:translateX(-20px) translateZ(0) rotateY(-6deg)!important}.interactive-fan-container:after,.interactive-fan-container:before{width:0}.interactive-fan-container{height:400px;height:auto;min-height:300px;perspective:none;flex-direction:row;margin:0}.hidden-card,.left-image-card,.left-text-card,.right-image-card,.right-text-card{display:none!important}.interactive-text-card{padding:10px;height:auto;min-height:300px;width:280px;scale:.9}.interactive-image-card{height:300px;width:300px}.navigation-buttons{position:relative;bottom:auto;margin-top:10px;padding:10px 0}.nav-button{width:50px;height:50px}.pagination-dots{margin:0 15px}.interactive-text-card h3{font-size:18px}.interactive-text-card p{font-size:16px}}@media (max-width:480px){.interactive-fan-card.center-left-card{transform:translateX(25px) translateZ(-5px) rotateY(6deg)!important}.interactive-fan-card.center-right-card{transform:translateX(-10px) translateZ(0) rotateY(-6deg)!important}.interactive-fan-container:after,.interactive-fan-container:before{width:0}.interactive-text-card{padding:10px;height:auto;min-height:300px;width:230px;scale:.9}.interactive-image-card{height:300px;width:240px}.interactive-fan-container{min-height:250px}.interactive-fan-card{max-width:100%}.interactive-text-card{padding:5px}.interactive-text-card h3{font-size:18px}.interactive-text-card p{font-size:16px}.navigation-buttons{gap:10px}.nav-button{width:40px;height:40px}}@media (max-width:375px){.interactive-fan-container:after,.interactive-fan-container:before{width:0}.interactive-fan-card.center-left-card{transform:translateX(30px) translateY(-5px) translateZ(0)!important;rotate:5deg}.interactive-fan-card.center-right-card{transform:translateX(-20px) translateZ(0)!important;rotate:-5deg}.interactive-fan-container{min-height:250px}.interactive-text-card{padding:12px}.interactive-text-card p{font-size:15px}.interactive-fan-card{scale:.8}}@media (max-width:320px){.interactive-fan-container:after,.interactive-fan-container:before{width:0}.interactive-fan-card.center-left-card{transform:translateX(55px) translateY(-5px) translateZ(0)!important;rotate:5deg}.interactive-fan-card.center-right-card{transform:translateX(-5px) translateZ(0)!important;rotate:-5deg}.interactive-fan-container{height:300px}.interactive-text-card{padding:12px}.interactive-text-card p{font-size:15px}.interactive-fan-card{scale:.8}}.nav-button.touched,.nav-button:active{background-color:#2b3b59;color:white}