.videos-page{background:linear-gradient(#f1f5f9 0%,#eef2f7 46%,#f8fafc 100%),#f1f5f9;min-height:100vh}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem;display:grid}.video-item{background:#fff;border:1px solid #0f172a29;border-radius:8px;min-width:0;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 18px 40px #0f172a24}.video-item:hover{border-color:#0091d54d;transform:translateY(-4px);box-shadow:0 24px 48px #0f172a29}.video-container{aspect-ratio:16/9;background:linear-gradient(135deg,#0f172af5,#0091d5b3),#0f172a;position:relative}.video-container:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#0f172a1f);position:absolute;inset:0}.video-container iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-thumb-button{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:absolute;inset:0}.video-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-play-icon{z-index:1;color:#fff;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,background .2s;display:flex;position:relative}.video-thumb-button:hover .video-play-icon{background:#0091d5e6;transform:scale(1.1)}.video-thumb-button:focus-visible{outline-offset:-2px;outline:2px solid #0091d5}.video-info{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;padding:1rem;display:grid}.video-index{width:38px;height:38px;color:var(--brand-blue,#0091d5);background:#0091d51a;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:850;display:inline-flex}.video-title{color:#0f172a;min-width:0;margin:0;font-size:1rem;font-weight:800;line-height:1.35}@media (min-width:920px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.videos-grid{grid-template-columns:1fr}}