.video-preview-container{cursor:pointer;display:inline-block;max-width:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.video-preview-container:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:scale(1.02)}.video-preview-image{display:block;height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.video-preview-container:hover .video-preview-image{filter:brightness(.9)}.aspect-16-9,.aspect-16\:9{aspect-ratio:16/9}.aspect-4-3,.aspect-4\:3{aspect-ratio:4/3}.aspect-1-1,.aspect-1\:1{aspect-ratio:1/1}.rounded,.rounded .video-preview-image{border-radius:12px}.play-button-overlay{align-items:center;backdrop-filter:blur(10px);background:red;border:3px solid red;border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.2);cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.play-button-overlay:hover{box-shadow:0 6px 25px rgba(0,0,0,.3);transform:translate(-50%,-50%) scale(1.1)}.play-icon{border-bottom:14px solid transparent;border-left:22px solid #fff;border-top:14px solid transparent;height:0;margin-left:6px;width:0}.video-modal{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.85);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:10000}.video-modal.show{align-items:center;animation:fadeIn .3s ease-out;display:flex;justify-content:center;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content{animation:slideUp .3s ease-out;background:#000;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:95vh;max-width:95vw;overflow:hidden;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background-color:#ff4757;border:none;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:none;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-20px;top:-20px;transition:all .3s ease;width:40px;z-index:10001}.modal-close:hover{background-color:#ff3742;transform:scale(1.1)}.modal-title{display:none}.video-container{background:#000;min-height:400px;position:relative;width:100%}.video-container.aspect-16-9,.video-container.aspect-16\:9{max-width:1200px;width:90vw}.video-container.aspect-4-3,.video-container.aspect-4\:3{max-width:1000px;width:85vw}.video-container.aspect-1-1,.video-container.aspect-1\:1{max-width:800px;width:80vw}.video-container iframe,.video-container video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.modal-content{margin:10px;max-height:90vh;max-width:98vw}.video-container.aspect-16-9,.video-container.aspect-16\:9{width:95vw}.video-container.aspect-4-3,.video-container.aspect-4\:3{width:90vw}.video-container.aspect-1-1,.video-container.aspect-1\:1{width:85vw}.play-button-overlay{height:60px;width:60px}.play-icon{border-bottom-width:11px;border-left-width:18px;border-top-width:11px}.modal-title h3{font-size:16px}}@media (max-width:480px){.video-container{min-height:250px}.play-button-overlay{height:50px;width:50px}.play-icon{border-bottom-width:9px;border-left-width:15px;border-top-width:9px}}