.videosPage{padding:40px 0}.videosPage__title{color:#000;margin:0 0 40px;font-size:42px;font-weight:700}.videosPage__grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.videoHostCard{flex-direction:column;text-decoration:none;transition:all .3s;display:flex;position:relative}.videoHostCard:hover{transform:scale(1.05)}.videoHostCard:hover .videoHostCard__thumbnail:after{opacity:.3}.videoHostCard__thumbnail{aspect-ratio:16/9;background:#1a1a1a;width:100%;position:relative;overflow:hidden}.videoHostCard__thumbnail:after{content:"";opacity:.6;background:linear-gradient(#0000 50%,#000c 100%);transition:opacity .3s;position:absolute;inset:0}.videoHostCard__image{object-fit:cover;width:100%;height:100%}.videoHostCard__overlay{z-index:1;padding:15px;position:absolute;bottom:0;left:0;right:0}.videoHostCard__title{color:#fff;-webkit-line-clamp:2;text-shadow:0 1px 3px #00000080;-webkit-box-orient:vertical;margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.videoHostCard__stats{color:#ffffffe6;align-items:center;gap:12px;font-size:12px;display:flex}.videoHostCard__stat{align-items:center;gap:4px;display:flex}.videoHostCard__stat svg{opacity:.8}.videoHostCard__info{margin-top:10px}.videoHostCard__date{color:#7ab52b;margin-bottom:4px;font-size:13px;font-weight:500}.videoHostCard__authors{color:#666;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.emptyState{text-align:center;color:#666;background:#f1f1f1;grid-column:1/-1;padding:80px 20px;font-size:18px}@media (max-width:1200px){.videosPage__grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width:768px){.videosPage{padding:30px 0}.videosPage__title{margin-bottom:30px;font-size:28px}.videosPage__grid{grid-template-columns:1fr;gap:20px}.videoHostCard__overlay{padding:12px}.videoHostCard__title{margin-bottom:6px;font-size:14px}.videoHostCard__stats{gap:10px;font-size:11px}.videoHostCard__info{margin-top:8px}.videoHostCard__date{font-size:12px}.videoHostCard__authors{font-size:11px}.emptyState{padding:60px 15px;font-size:16px}}@media (max-width:480px){.videosPage{padding:20px 0}.videosPage__title{margin-bottom:20px;font-size:24px}.videosPage__grid{gap:15px}.videoHostCard__overlay{padding:10px}.videoHostCard__title{-webkit-line-clamp:3;font-size:13px}.videoHostCard__stats{gap:8px;font-size:10px}.emptyState{padding:40px 10px;font-size:15px}}