.video-card{cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 0 28px 5px #0000000f,0 0 9px -5px #0000001a}.video-card:hover{transform:translateY(-8px);box-shadow:0 0 28px 5px #0000001f,0 0 9px -5px #0000001a}.video-card:focus-visible{outline-offset:4px;outline:3px solid #e3f2fd}.video-card__thumbnail-wrapper{background-color:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-card__thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.video-card:hover .video-card__thumbnail{transform:scale(1.05)}.video-card__play-overlay{pointer-events:none;background-color:#d32f2f;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:500px){.video-card__play-overlay{width:60px;height:60px}}.video-card:hover .video-card__play-overlay{background-color:red;transform:translate(-50%,-50%)scale(1.1)}.video-card__play-overlay:after{content:"";border:12px solid #0000;border-left:20px solid #fff;border-right-width:0;width:0;height:0;margin-left:4px}@media (max-width:500px){.video-card__play-overlay:after{border-width:10px 0 10px 18px}}.video-card__duration-badge{color:#fff;pointer-events:none;background-color:#0000008c;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600;position:absolute;bottom:10px;right:10px}@media (max-width:500px){.video-card__duration-badge{padding:5px 10px;font-size:12px}}.video-card__content{flex-direction:column;flex:1;padding:24px;display:flex}@media (max-width:500px){.video-card__content{padding:20px}}.video-card__category{color:#1fa0fc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}@media (max-width:500px){.video-card__category{margin-bottom:10px;font-size:12px}}.video-card__title{color:#000;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:500px){.video-card__title{margin-bottom:10px;font-size:18px}}.video-card__description{color:#555;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:500px){.video-card__description{margin-bottom:14px;font-size:14px}}.video-card__meta{color:#555;border-top:1px solid #0000001f;align-items:center;gap:16px;padding-top:16px;font-size:14px;display:flex}@media (max-width:500px){.video-card__meta{gap:12px;padding-top:14px;font-size:13px}}.video-card__meta-item{align-items:center;gap:6px;display:flex}