.mpti-videos-container{margin:20px 0;width:100%}.mpti-videos-grid{display:grid;gap:20px;width:100%}.mpti-columns-1{grid-template-columns:1fr}.mpti-columns-2{grid-template-columns:repeat(2,1fr)}.mpti-columns-3{grid-template-columns:repeat(3,1fr)}.mpti-columns-4{grid-template-columns:repeat(4,1fr)}.mpti-columns-5{grid-template-columns:repeat(5,1fr)}.mpti-columns-6{grid-template-columns:repeat(6,1fr)}.mpti-video-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);transition:all .3s ease;position:relative}.mpti-video-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgb(0 0 0 / .15)}.mpti-video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f0f0f1}.mpti-cover-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mpti-video-item:hover .mpti-cover-image{transform:scale(1.05)}.mpti-default-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.mpti-video-icon{font-size:48px;opacity:.8}.mpti-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .3);opacity:0;transition:opacity .3s ease}.mpti-video-item:hover .mpti-play-overlay{opacity:1}.mpti-play-btn{width:80px;height:80px;border:none;border-radius:50%;background:rgb(255 255 255 / .9);color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.mpti-play-btn:hover{background:rgb(255 255 255);transform:scale(1.1)}.mpti-play-btn:focus{outline:3px solid #0073aa;outline-offset:3px}.mpti-play-btn-hover{transform:scale(1.1)}.mpti-play-btn-clicked{transform:scale(.95)}.mpti-play-icon{width:32px;height:32px;margin-left:4px}.mpti-video-title{padding:15px 20px 5px}.mpti-video-title h3{margin:0;font-size:18px;font-weight:600;color:#1d2327;line-height:1.4}.mpti-video-description{padding:0 20px 20px}.mpti-video-description p{margin:0;color:#646970;font-size:14px;line-height:1.6}.mpti-no-videos{text-align:center;padding:40px 20px;color:#646970;font-style:italic}.mpti-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:999999!important;display:none;align-items:center;justify-content:center;padding:20px;visibility:visible!important}.mpti-modal.mpti-modal-open{display:flex!important}.mpti-modal-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgb(0 0 0 / .8)!important;backdrop-filter:blur(5px);z-index:999998!important;visibility:visible!important}.mpti-modal-content{position:relative!important;background:#fff;border-radius:12px;overflow:hidden;max-width:90vw;max-height:90vh;width:800px;height:auto;box-shadow:0 20px 60px rgb(0 0 0 / .3);transform:scale(.8);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:1000000!important;visibility:visible!important}.mpti-modal-content.mpti-modal-enter{transform:scale(1);opacity:1}.mpti-modal-content.mpti-modal-exit{transform:scale(.8);opacity:0}.mpti-modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;border-radius:50%;background:rgb(0 0 0 / .7);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.mpti-modal-close:hover{background:rgb(0 0 0 / .9);transform:scale(1.1)}.mpti-modal-close:focus{outline:3px solid #0073aa;outline-offset:2px}.mpti-modal-close svg{width:20px;height:20px}.mpti-modal-video{position:relative;width:100%;aspect-ratio:16/9;background:#000}.mpti-video-content{width:100%;height:100%}.mpti-video-content iframe,.mpti-video-content video{width:100%;height:100%;border:none}.mpti-video-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff}.mpti-spinner{width:40px;height:40px;border:4px solid rgb(255 255 255 / .3);border-top:4px solid #fff;border-radius:50%;animation:mpti-spin 1s linear infinite;margin-bottom:15px}@keyframes mpti-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mpti-video-loading p{margin:0;font-size:16px;opacity:.8}.mpti-error-message{display:flex;align-items:center;justify-content:center;height:100%;background:#000;color:#fff}.mpti-error-message p{margin:0;font-size:16px;text-align:center}body.mpti-modal-open{overflow:hidden}@media screen and (max-width:1200px){.mpti-columns-6{grid-template-columns:repeat(4,1fr)}.mpti-columns-5{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1024px){.mpti-columns-6,.mpti-columns-5,.mpti-columns-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.mpti-videos-grid{gap:15px}.mpti-columns-6,.mpti-columns-5,.mpti-columns-4,.mpti-columns-3{grid-template-columns:repeat(2,1fr)}.mpti-play-btn{width:60px;height:60px}.mpti-play-icon{width:24px;height:24px}.mpti-video-title h3{font-size:16px}.mpti-modal{padding:10px}.mpti-modal-content{width:100%;max-width:none}}@media screen and (max-width:480px){.mpti-videos-grid{gap:10px}.mpti-columns-6,.mpti-columns-5,.mpti-columns-4,.mpti-columns-3,.mpti-columns-2{grid-template-columns:1fr}.mpti-video-title{padding:12px 15px 5px}.mpti-video-description{padding:0 15px 15px}.mpti-play-btn{width:50px;height:50px}.mpti-play-icon{width:20px;height:20px}}@media (prefers-contrast:high){.mpti-video-item{border:2px solid #000}.mpti-play-btn{background:#fff;color:#000;border:2px solid #000}.mpti-modal-close{background:#fff;color:#000;border:2px solid #000}}@media (prefers-reduced-motion:reduce){.mpti-video-item,.mpti-cover-image,.mpti-play-overlay,.mpti-play-btn,.mpti-modal-content{transition:none}.mpti-video-item:hover{transform:none}.mpti-video-item:hover .mpti-cover-image{transform:none}.mpti-spinner{animation:none}}@media print{.mpti-play-overlay,.mpti-modal{display:none!important}.mpti-video-item{break-inside:avoid;box-shadow:none;border:1px solid #000}.mpti-video-title h3{color:#000}.mpti-video-description p{color:#000}}@media (prefers-color-scheme:dark){.mpti-video-item{background:#1e1e1e;box-shadow:0 4px 12px rgb(0 0 0 / .3)}.mpti-video-title h3{color:#f0f0f1}.mpti-video-description p{color:#a0a0a0}.mpti-modal-content{background:#1e1e1e}.mpti-no-videos{color:#a0a0a0}}.mpti-play-btn:focus-visible{outline:3px solid #0073aa;outline-offset:3px}.mpti-modal-close:focus-visible{outline:3px solid #0073aa;outline-offset:2px}:root{--mpti-primary-color:#0073aa;--mpti-border-radius:12px;--mpti-shadow:0 4px 12px rgba(0,0,0,.1);--mpti-hover-shadow:0 8px 24px rgba(0,0,0,.15);--mpti-transition:all .3s ease}@keyframes mpti-fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mpti-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.mpti-video-item:hover .mpti-play-btn{animation:mpti-pulse 2s infinite}.mpti-videos-grid.mpti-loading .mpti-video-item{animation:mpti-fadeIn .5s ease forwards}.mpti-videos-grid.mpti-loading .mpti-video-item:nth-child(1){animation-delay:.1s}.mpti-videos-grid.mpti-loading .mpti-video-item:nth-child(2){animation-delay:.2s}.mpti-videos-grid.mpti-loading .mpti-video-item:nth-child(3){animation-delay:.3s}.mpti-videos-grid.mpti-loading .mpti-video-item:nth-child(4){animation-delay:.4s}.mpti-videos-grid.mpti-loading .mpti-video-item:nth-child(5){animation-delay:.5s}.mpti-videos-grid.mpti-loading .mpti-video-item:nth-child(6){animation-delay:.6s}