.modern-carousel{perspective:1200px;flex-direction:column;align-items:center;width:100%;max-width:64rem;margin:0 auto;padding:3rem 0;display:flex;position:relative}.modern-carousel__container{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:100%;max-width:600px;height:420px;display:flex;position:relative}.modern-carousel__container--grabbing{cursor:grabbing}.modern-carousel__container--grab{cursor:grab}.modern-carousel__slide{cursor:pointer;background:linear-gradient(135deg,#fffc,#f3f4f6);border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;justify-content:flex-end;width:340px;height:420px;transition:all .3s;display:flex;position:absolute;top:0;left:-170%;overflow:hidden;transform:translate(-50%);box-shadow:0 25px 50px -12px #00000040}.modern-carousel__slide--active{box-shadow:0 25px 50px -12px #00000040,0 0 0 4px #60a5fa}.modern-carousel__slide--dark{background:linear-gradient(135deg,#111827,#1f2937);border-color:#374151}.modern-carousel__image-container{position:absolute;inset:0}.modern-carousel__image{object-fit:cover;opacity:.8}.modern-carousel__content{z-index:10;background:linear-gradient(#0000,#0009);padding:1.5rem;position:relative}.modern-carousel__title{color:#fff;filter:drop-shadow(0 10px 8px #0000000a)drop-shadow(0 4px 3px #0000001a);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.modern-carousel__subtitle{color:#bfdbfe;margin-bottom:.25rem;font-size:1rem;font-weight:600}.modern-carousel__description{color:#fffc;margin-bottom:.5rem;font-size:.875rem}.modern-carousel__nav-button{z-index:20;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modern-carousel__nav-button:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.modern-carousel__nav-button--prev{left:-9.5rem}.modern-carousel__nav-button--next{right:-11rem}.modern-carousel__play-button{z-index:20;color:#2563eb;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex;position:absolute;bottom:1rem;right:50%;transform:translate(50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modern-carousel__play-button:hover{color:#fff;background:#3b82f6}.modern-carousel__indicators{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.modern-carousel__indicator{background:#d1d5db;border:none;border-radius:50%;width:.75rem;height:.75rem;transition:all .3s}.modern-carousel__indicator:hover{background:#9ca3af}.modern-carousel__indicator--active{transform:scale(1.25);background:#3b82f6!important}.modern-carousel__indicator--active:hover{background:#3b82f6!important}.modern-carousel__indicator--dark{background:#4b5563}.modern-carousel__indicator--dark:hover{background:#6b7280}@media (prefers-color-scheme:dark){.modern-carousel__slide{background:linear-gradient(135deg,#111827,#1f2937);border-color:#374151}.modern-carousel__indicator{background:#4b5563}.modern-carousel__indicator:hover{background:#6b7280}}@media (max-width:768px){.modern-carousel__nav-button--prev{left:-2rem}.modern-carousel__nav-button--next{right:-2rem}.modern-carousel__nav-button{width:2.5rem;height:2.5rem}}