.custom-carousel{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 50%,#e5e5e5 100%);border-radius:24px;padding:2rem 0;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.custom-carousel:before{content:"";background:linear-gradient(90deg,#0000,#64748b4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.carousel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:1.5rem;padding:0 4rem;display:flex;position:relative;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;opacity:.7;filter:blur(.5px);flex-shrink:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:scale(.95)}.carousel-item.active{opacity:1;filter:blur();z-index:2;transform:scale(1)}.carousel-item.adjacent{opacity:.85;filter:blur();transform:scale(.98)}.carousel-nav-btn{-webkit-backdrop-filter:blur(2px);color:#64748b;cursor:pointer;z-index:10;opacity:.7;background:#fffc;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.carousel-nav-btn:hover{opacity:1;color:#475569;background:#fffffff2;transform:translateY(-50%)scale(1.05);box-shadow:0 4px 12px #00000026}.carousel-nav-btn:active{transform:translateY(-50%)scale(.95)}.carousel-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%)}.carousel-nav-btn.prev{left:1rem}.carousel-nav-btn.next{right:1rem}.carousel-nav-btn svg{width:16px;height:16px;transition:transform .2s}.carousel-nav-btn:hover svg{transform:scale(1.1)}.carousel-dots{justify-content:center;gap:.75rem;margin-top:2rem;padding:0 2rem;display:flex}.carousel-dot{cursor:pointer;background:#64748b4d;border:1px solid #64748b33;border-radius:50%;width:8px;height:8px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.carousel-dot:before{content:"";opacity:0;background:radial-gradient(circle,#64748b1a 0%,#0000 70%);border-radius:50%;width:20px;height:20px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel-dot:hover:before{opacity:1}.carousel-dot.active{background:linear-gradient(45deg,#64748b,#475569);border-radius:12px;width:24px;box-shadow:0 2px 8px #64748b66,0 1px 3px #64748b33}.carousel-progress{background:linear-gradient(90deg,#64748b,#475569,#334155);border-radius:0 2px 2px 0;height:3px;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.carousel-fade-left,.carousel-fade-right{pointer-events:none;z-index:5;width:3rem;position:absolute;top:0;bottom:0}.carousel-fade-left{background:linear-gradient(90deg,#00000026 0%,#0000001a 30%,#0000000d 70%,#0000 100%);left:0}.carousel-fade-right{background:linear-gradient(270deg,#00000026 0%,#0000001a 30%,#0000000d 70%,#0000 100%);right:0}@media (max-width:768px){.custom-carousel{padding:1.5rem 0}.carousel-track{gap:1rem;padding:0 2rem}.carousel-nav-btn{opacity:.6;width:32px;height:32px}.carousel-nav-btn svg{width:14px;height:14px}.carousel-nav-btn.prev{left:.5rem}.carousel-nav-btn.next{right:.5rem}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.carousel-item{animation:.6s cubic-bezier(.4,0,.2,1) slideIn}