.video-container{position:relative;background:#000;border-radius:.5rem;overflow:hidden}.video-container video{width:100%;height:100%;object-fit:cover}.video-container video::-webkit-media-controls{background:linear-gradient(0deg,#000c,#0000)}.video-container video::-webkit-media-controls-panel{background:#0000}.video-container video::-webkit-media-controls-play-button{background:#ffffffe6;border-radius:50%;width:40px;height:40px}.video-poster-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}.video-poster-placeholder .play-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;cursor:pointer;transition:all .3s ease}.video-poster-placeholder .play-button:hover{background:#fff;transform:scale(1.1)}.video-chapter{transition:all .2s ease;cursor:pointer}.video-chapter:hover{background:#f3f4f6;transform:translateX(4px)}.demo-card{transition:all .3s ease}.demo-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width:768px){.video-container{border-radius:.25rem}.video-poster-placeholder .play-button{width:60px;height:60px}}.video-loading{display:flex;align-items:center;justify-content:center;height:100%;background:#1f2937;color:#fff}.video-loading .spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-right:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}