.content-card-carousel{position:relative}.content-card-carousel .section-subtitle{text-align:center}.carousel-section-subtitle,.carousel-section-title{margin-left:auto;margin-right:auto;max-width:var(--max-width-content-lg);text-align:center}.carousel-track-container{margin:0 auto;max-width:var(--max-width-content-2xl);overflow-x:auto;overflow-y:visible;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-top:8px;will-change:scroll-position}.carousel-track-container::-webkit-scrollbar{display:none}.carousel-track{display:flex;flex-wrap:nowrap;gap:20px;padding-bottom:var(--space-lg)}.carousel-card{backdrop-filter:blur(8px);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-default);flex-shrink:0;max-width:400px;min-width:300px;padding:var(--space-lg);scroll-snap-align:start;transition:all var(--transition-base);-webkit-font-smoothing:subpixel-antialiased}a.carousel-card{color:inherit;cursor:pointer;text-decoration:none}@media (width >=1024px){.carousel-card{width:30%}}@media (width >=768px) and (width < 1024px){.carousel-card{width:47%}}@media (width < 768px){.carousel-card{min-width:90%;width:90%}}.carousel-card:focus,.carousel-card:hover{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.carousel-card-icon{align-items:center;display:flex;height:64px;justify-content:center;margin-bottom:var(--space-md);width:64px}.carousel-card-icon img{height:100%;object-fit:contain;width:100%}.carousel-card-title{margin-bottom:var(--space-sm);margin-top:0}.carousel-card-description{color:var(--color-text-secondary);flex-grow:1;margin-bottom:var(--space-lg)}.carousel-card-link{align-self:flex-start;margin-top:auto}.carousel-navigation{align-items:center;display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.carousel-nav-dot{background-color:transparent;border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;height:12px;padding:0;transition:background-color var(--transition-base),transform var(--transition-base);width:12px}.carousel-nav-dot:hover{transform:scale(1.2)}.carousel-nav-dot.active{background-color:var(--color-primary)}.carousel-nav-dot:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.carousel-progress-container{background-color:rgba(0,0,0,.1);border-radius:var(--radius-full);cursor:pointer;height:8px;margin:var(--space-lg) auto 0;max-width:var(--max-width-content-2xl);position:relative;touch-action:none;transition:height var(--transition-base),background-color var(--transition-base);user-select:none;-webkit-user-select:none;width:100%}.carousel-progress-container:hover{background-color:rgba(0,0,0,.15);height:10px}.carousel-progress-container:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.carousel-progress-bar{background-color:var(--color-primary);border-radius:var(--radius-full);cursor:grab;height:100%;left:0;min-width:40px;pointer-events:auto;position:absolute;top:0;transition:background-color var(--transition-base),box-shadow var(--transition-base);user-select:none;-webkit-user-select:none}.carousel-progress-bar:hover{background-color:var(--color-primary-dark,var(--color-primary));box-shadow:0 0 0 3px rgba(0,0,0,.1)}.carousel-progress-bar.dragging{box-shadow:0 0 0 4px rgba(0,0,0,.15);cursor:grabbing;transition:none}@media (width <=768px){.carousel-section-subtitle{margin-bottom:var(--space-xl)}.carousel-card-icon{height:48px;width:48px}.carousel-progress-container{margin-top:var(--space-md)}.carousel-navigation{margin-top:var(--space-sm)}}