.video-showcase[data-v-2c2a7551]{margin:0 auto;max-width:1600px;padding:32px;width:100%}.title[data-v-2c2a7551]{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.showcase-container[data-v-2c2a7551]{align-items:center;display:flex;gap:20px;position:relative}.nav-button[data-v-2c2a7551]{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .3s ease;width:50px;z-index:10}.nav-button[data-v-2c2a7551]:hover:not(.disabled){border-color:#dc2626;box-shadow:0 6px 16px #00000026;color:#dc2626;transform:scale(1.05)}.nav-button.disabled[data-v-2c2a7551]{cursor:not-allowed;opacity:.3;transform:none}.nav-icon[data-v-2c2a7551]{height:24px;width:24px}.videos-display[data-v-2c2a7551]{flex:1;overflow:hidden}.videos-container[data-v-2c2a7551]{display:flex;gap:32px;justify-content:center;transition:transform .3s ease}.video-item[data-v-2c2a7551]{cursor:pointer;flex-shrink:0;width:400px}.video-wrapper[data-v-2c2a7551]{aspect-ratio:16/9;background-color:#111827;border-radius:12px;box-shadow:0 10px 25px #0000001a;overflow:hidden;position:relative}.video-iframe[data-v-2c2a7551],.video-thumbnail[data-v-2c2a7551]{height:100%;width:100%}.video-thumbnail[data-v-2c2a7551]{-o-object-fit:cover;object-fit:cover}.video-title[data-v-2c2a7551]{color:#1f2937;display:-webkit-box;font-size:1rem;font-weight:500;-webkit-line-clamp:2;line-height:1.4;margin-top:12px;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.duration-badge[data-v-2c2a7551]{background-color:#000c;border-radius:6px;bottom:16px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 10px;position:absolute;right:16px}.hover-overlay[data-v-2c2a7551]{align-items:center;background-color:transparent;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;transition:all .3s ease}.hover-overlay.show[data-v-2c2a7551]{background-color:#0006}.play-button[data-v-2c2a7551]{background-color:#dc2626;border:none;border-radius:50%;box-shadow:0 8px 16px #dc26264d;cursor:pointer;margin-bottom:20px;opacity:0;padding:20px;transform:scale(.75);transition:all .3s ease}.play-button[data-v-2c2a7551]:hover{background-color:#b91c1c;transform:scale(1.05)}.play-button.show[data-v-2c2a7551]{opacity:1;transform:scale(1)}.play-icon[data-v-2c2a7551]{color:#fff;height:40px;margin-left:4px;width:40px}.platform-button[data-v-2c2a7551]{align-items:center;background-color:#fffffff2;border:none;border-radius:9999px;box-shadow:0 4px 12px #0000001a;color:#1f2937;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;opacity:0;padding:12px 20px;transform:translateY(16px);transition:all .3s ease}.platform-button[data-v-2c2a7551]:hover{background-color:#fff;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.platform-button.show[data-v-2c2a7551]{opacity:1;transform:translateY(0)}.external-icon[data-v-2c2a7551]{height:18px;width:18px}.pagination-dots[data-v-2c2a7551]{display:flex;gap:8px;justify-content:center;margin-top:32px}.dot[data-v-2c2a7551]{background-color:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot[data-v-2c2a7551]:hover{background-color:#9ca3af}.dot.active[data-v-2c2a7551]{background-color:#dc2626;transform:scale(1.2)}.empty-state[data-v-2c2a7551]{color:#6b7280;font-size:1.1rem;padding:60px 20px;text-align:center}@media(max-width:1400px){.video-item[data-v-2c2a7551]{width:350px}.videos-container[data-v-2c2a7551]{gap:24px}}@media(max-width:1024px){.video-item[data-v-2c2a7551]{width:320px}.videos-container[data-v-2c2a7551]{gap:20px}.nav-button[data-v-2c2a7551]{height:45px;width:45px}.nav-icon[data-v-2c2a7551]{height:20px;width:20px}}@media(max-width:768px){.video-showcase[data-v-2c2a7551]{padding:20px}.video-item[data-v-2c2a7551]{width:280px}.videos-container[data-v-2c2a7551]{gap:16px}.title[data-v-2c2a7551]{font-size:1.75rem;margin-bottom:32px}.showcase-container[data-v-2c2a7551]{gap:12px}.nav-button[data-v-2c2a7551]{height:40px;width:40px}.nav-icon[data-v-2c2a7551]{height:18px;width:18px}}@media(max-width:480px){.video-item[data-v-2c2a7551]{width:250px}.videos-container[data-v-2c2a7551]{gap:12px}.showcase-container[data-v-2c2a7551]{gap:8px}}