.video-container{padding:40px 24px;margin:0 auto;max-width:800px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.video-title{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:#1a1a1a}.video-description{font-size:1rem;color:#666;margin-bottom:1.5rem}.video-player{width:100%;max-width:800px;margin:0 auto 1.5rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);background-color:#000}.video-player video{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.video-player::-webkit-media-controls{background-color:rgba(0,0,0,.7)}.video-player::-webkit-media-controls-panel{padding:0 10px}.video-info{font-size:.9rem;color:#666;margin-top:.75rem}@media (max-width:768px){.video-container{padding:30px 16px}.video-title{font-size:1.5rem}.video-description{font-size:.95rem}.video-player{margin-bottom:1rem}}.video-player video::-webkit-media-controls-play-button{background-color:#2563eb;border-radius:50%;color:#fff}.video-player video::-webkit-media-controls-timeline{background-color:rgba(255,255,255,.2);border-radius:4px;height:4px}.video-player video::-webkit-media-controls-volume-slider{background-color:rgba(255,255,255,.2);border-radius:4px;height:4px}.video-player.loading{position:relative}.video-player.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}