.carousel-container{position:relative;border-radius:.75rem}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-track[style*="transition: none"]{transition:none!important}.carousel-slide{width:100%;flex-shrink:0;position:relative}.carousel-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#f0ead6e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsl(var(--border));border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;z-index:10;cursor:pointer}.dark .carousel-nav-btn{background:#000000e6;border-color:#fff3}.carousel-nav-btn:hover{background:hsl(var(--background));transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #00000026}.dark .carousel-nav-btn:hover{background:#000000f2}.carousel-nav-btn:focus{outline:2px solid hsl(var(--accent));outline-offset:2px}.carousel-nav-btn--prev{left:16px}.carousel-nav-btn--next{right:16px}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:16px}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease-in-out;background:#3e3e3a4d}.carousel-indicator:hover{background:#3e3e3a80;transform:scale(1.2)}.carousel-indicator--active{background:hsl(var(--accent));transform:scale(1.1)}.carousel-indicator--active:hover{transform:scale(1.3)}.dark .carousel-indicator{background:#ffffff4d}.dark .carousel-indicator:hover{background:#ffffff80}@media (max-width: 640px){.carousel-nav-btn{width:36px;height:36px}.carousel-nav-btn--prev{left:8px}.carousel-nav-btn--next{right:8px}.carousel-indicators{gap:6px;margin-top:12px}.carousel-indicator{width:10px;height:10px}}.carousel-container:hover .carousel-track{animation-play-state:paused}.carousel-slide{position:relative;overflow:hidden}.carousel-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000000d,#00000026);z-index:1;pointer-events:none;border-radius:.75rem;opacity:0;transition:opacity .3s ease}.carousel-slide:hover:before{opacity:1}@media (prefers-reduced-motion: reduce){.carousel-track{transition-duration:.2s}.carousel-nav-btn:hover{transform:translateY(-50%)}.carousel-indicator:hover{transform:none}}.carousel-container:focus-within .carousel-nav-btn{opacity:1}.infinite-carousel-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:60px 0;height:400px;overflow:hidden}.infinite-carousel-track{display:flex;align-items:center;position:relative;height:100%;gap:40px;will-change:transform}.infinite-carousel-item{position:relative;width:280px;height:200px;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 8px 32px #0000001f;background:hsl(var(--card));border:none;padding:0;flex-shrink:0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.dark .infinite-carousel-item{box-shadow:0 8px 32px #0006}.infinite-carousel-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.infinite-carousel-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0000004d);z-index:1;pointer-events:none;border-radius:12px}.infinite-carousel-item:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;text-shadow:0 2px 8px rgba(0,0,0,.6);z-index:2;opacity:0;transition:opacity .3s ease;pointer-events:none}.infinite-carousel-item:hover:after{opacity:1}.infinite-carousel-item.center:hover{transform:scale(1.15)!important;box-shadow:0 16px 48px #d94f7059}.infinite-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsl(var(--border));border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20;box-shadow:0 2px 12px #0000001a}.dark .infinite-carousel-nav{background:#000000e6;border-color:#fff3;box-shadow:0 2px 12px #0000004d}.infinite-carousel-nav:hover{background:hsl(var(--background));transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px #d94f7033}.dark .infinite-carousel-nav:hover{background:#000000f2}.infinite-carousel-nav:focus{outline:2px solid hsl(var(--accent));outline-offset:2px}.infinite-carousel-nav--prev{left:20px}.infinite-carousel-nav--next{right:20px}.infinite-carousel-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:4}.infinite-carousel-indicator{width:12px;height:4px;border-radius:2px;background:#ffffff4d;cursor:pointer;transition:all .3s ease;border:none}.infinite-carousel-indicator--active{background:hsl(var(--accent));width:32px}.infinite-carousel-indicator:hover{background:#ffffff80}.infinite-carousel-indicator--active:hover{background:hsl(var(--accent));opacity:.8}.dark .infinite-carousel-indicator{background:#fff3}.dark .infinite-carousel-indicator:hover{background:#fff6}.dark .infinite-carousel-item.center{box-shadow:0 16px 48px #d94f7066}@media (max-width: 1024px){.infinite-carousel-container{max-width:900px;height:300px;padding:40px 0}.infinite-carousel-track{gap:30px}.infinite-carousel-item{width:220px;height:150px}.infinite-carousel-item:after{font-size:20px}}@media (max-width: 768px){.infinite-carousel-container{max-width:100%;height:240px;padding:30px 20px}.infinite-carousel-track{gap:20px}.infinite-carousel-item{width:180px;height:120px}.infinite-carousel-controls{bottom:10px;gap:8px}.infinite-carousel-indicator{width:8px;height:3px}.infinite-carousel-indicator--active{width:20px}.infinite-carousel-item:after{font-size:18px}}@media (max-width: 480px){.infinite-carousel-container{height:200px;padding:20px 10px}.infinite-carousel-track{gap:15px}.infinite-carousel-item{width:140px;height:100px}.infinite-carousel-nav{width:40px;height:40px}.infinite-carousel-nav--prev{left:15px}.infinite-carousel-nav--next{right:15px}.infinite-carousel-item:after{font-size:16px}}@media (prefers-reduced-motion: reduce){.infinite-carousel-item,.infinite-carousel-nav,.infinite-carousel-indicator{transition-duration:.1s}.infinite-carousel-item:hover{transform:none!important}}.infinite-carousel-item:focus{outline:3px solid hsl(var(--accent));outline-offset:4px}.infinite-carousel-indicator:focus{outline:2px solid hsl(var(--accent));outline-offset:2px}