.video-card{transition:transform .2s,box-shadow .2s;cursor:pointer;border:none}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.video-card .card-footer{border:none;padding-bottom:1rem}.video-thumbnail{position:relative;overflow:hidden;border-radius:8px 8px 0 0;background:#fff}.video-thumbnail img{width:100%;height:200px;object-fit:cover;transition:transform .3s}.play-button{position:absolute;top:87%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s;opacity:.9}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.play-button svg{width:60px;height:60px;display:block}.video-duration{background:rgba(0,0,0,.8);color:#fff;padding:2px 10px;border-radius:5px;font-size:12px;font-weight:600}.video-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-tabs .nav-link{color:#495057;font-weight:600;border:none;padding:12px 24px;border-radius:8px}.nav-tabs .nav-link.active{color:#7c3aed;background:#f3f0ff;border-bottom:3px solid #7c3aed}.nav-tabs .nav-link:hover{color:#7c3aed}.tab-content{padding:20px 0}.modal-content{border-radius:12px}.modal-body{padding:0}.modal-body .ratio{border-radius:0 0 8px 8px;overflow:hidden}@media (max-width:768px){.video-thumbnail img{height:160px}.play-button,.play-button svg{width:48px;height:48px}}