.coverflow-container{position:relative;width:100%;height:450px;perspective:1200px;perspective-origin:50% 50%}.coverflow-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d}.coverflow-card{position:absolute;left:50%;top:50%;width:clamp(280px,35vw,420px);height:clamp(320px,38vw,450px);transform-origin:center center;transition:all .6s cubic-bezier(.25,.46,.45,.94);cursor:pointer;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);background:#1a1a2e}.coverflow-card-image{position:relative;width:100%;height:100%}.coverflow-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,transparent 50%,rgba(0,0,0,.6));pointer-events:none;opacity:0;transition:opacity .4s ease}.coverflow-card-content{position:absolute;inset:auto 0 0 0;padding:1.5rem;z-index:10;display:flex;flex-direction:column;gap:1rem}.coverflow-card-title{font-size:1.25rem;font-weight:600;color:white;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.coverflow-card-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#0066ff;color:white;font-weight:500;font-size:1rem;padding:.75rem 1.5rem;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;align-self:flex-start}.coverflow-card-cta:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,102,255,.3)}.coverflow-center{transform:translate(-50%,-50%) translateZ(0) rotateY(0deg) scale(1);z-index:50;opacity:1;filter:blur(0)}.coverflow-center .coverflow-card-overlay{opacity:1}.coverflow-left-1{transform:translate(-50%,-50%) translateX(-280px) translateZ(-200px) rotateY(45deg) scale(.75);z-index:40;opacity:.7;filter:blur(1px)}.coverflow-left-2{transform:translate(-50%,-50%) translateX(-460px) translateZ(-350px) rotateY(55deg) scale(.55);z-index:30;opacity:.4;filter:blur(2px)}.coverflow-right-1{transform:translate(-50%,-50%) translateX(280px) translateZ(-200px) rotateY(-45deg) scale(.75);z-index:40;opacity:.7;filter:blur(1px)}.coverflow-right-2{transform:translate(-50%,-50%) translateX(460px) translateZ(-350px) rotateY(-55deg) scale(.55);z-index:30;opacity:.4;filter:blur(2px)}.coverflow-hidden{transform:translate(-50%,-50%) translateX(600px) translateZ(-500px) rotateY(-60deg) scale(.3);z-index:10;opacity:0;pointer-events:none}.coverflow-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;z-index:100;backdrop-filter:blur(8px);transition:all .3s ease}.coverflow-nav-button:hover{background:rgba(0,0,0,.7);border-color:rgba(255,255,255,.4);transform:translateY(-50%) scale(1.1)}.coverflow-nav-button:active{transform:translateY(-50%) scale(.95)}.coverflow-nav-left{left:2rem}.coverflow-nav-right{right:2rem}@media (max-width:1024px){.coverflow-container{height:380px;perspective:1000px}.coverflow-card{width:clamp(240px,45vw,320px);height:clamp(280px,48vw,380px)}.coverflow-left-1,.coverflow-right-1{transform:translate(-50%,-50%) translateX(-200px) translateZ(-150px) rotateY(50deg) scale(.7)}.coverflow-right-1{transform:translate(-50%,-50%) translateX(200px) translateZ(-150px) rotateY(-50deg) scale(.7)}.coverflow-hidden,.coverflow-left-2,.coverflow-right-2{transform:translate(-50%,-50%) translateX(400px) translateZ(-300px) rotateY(-60deg) scale(.4);opacity:0;pointer-events:none}.coverflow-nav-left{left:1rem}.coverflow-nav-right{right:1rem}.coverflow-card-title{font-size:1.1rem}.coverflow-card-cta{font-size:.9rem;padding:.65rem 1.25rem}}@media (max-width:768px){div[role=tablist]{margin-top:2rem!important;gap:.375rem!important}div[role=tablist] button{width:.5rem!important;height:.5rem!important;min-width:.5rem!important;min-height:.5rem!important}div[role=tablist] button[aria-selected=true]{width:.625rem!important;height:.625rem!important;min-width:.625rem!important;min-height:.625rem!important;transform:scale(1)!important}}@media (max-width:640px){.coverflow-container{height:340px;perspective:800px}.coverflow-card{width:260px;height:320px}.coverflow-card-content{padding:1rem}.coverflow-card-title{font-size:1rem}.coverflow-card-cta{font-size:.875rem;padding:.6rem 1rem}.coverflow-left-1{transform:translate(-50%,-50%) translateX(-160px) translateZ(-120px) rotateY(55deg) scale(.6);opacity:.5}.coverflow-right-1{transform:translate(-50%,-50%) translateX(160px) translateZ(-120px) rotateY(-55deg) scale(.6);opacity:.5}.coverflow-hidden,.coverflow-left-2,.coverflow-right-2{opacity:0;pointer-events:none}.coverflow-nav-button{width:40px;height:40px}.coverflow-nav-left{left:.5rem}.coverflow-nav-right{right:.5rem}}.coverflow-card:focus{outline:3px solid rgba(0,102,255,.6);outline-offset:4px}.coverflow-card:focus:not(:focus-visible){outline:none}.coverflow-card:not(.coverflow-center):hover{opacity:.9;transform:translate(-50%,-50%) translateX(var(--hover-x,0)) translateZ(var(--hover-z,-200px)) rotateY(var(--hover-rotate,45deg)) scale(calc(var(--hover-scale, .75) * 1.05))}.coverflow-container *{user-select:none;-webkit-user-select:none}.coverflow-card{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.coverflow-card{transition-duration:.2s}.coverflow-card-cta:hover{transform:none}}