body.videos-page{
  background:
    radial-gradient(ellipse at 0% 12%,rgba(27,129,155,.16),transparent 38%),
    radial-gradient(ellipse at 100% 20%,rgba(154,39,112,.13),transparent 40%),
    linear-gradient(90deg,#061015,#080a0f 48%,#120a12 100%)!important;
}
.videos-page-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:30px 0 70px}
.videos-page-hero{
  padding:30px 32px;border:1px solid rgba(95,230,255,.27);border-radius:22px;
  background:radial-gradient(circle at 84% 14%,rgba(255,73,184,.10),transparent 28%),linear-gradient(145deg,#101821,#080b10);
  box-shadow:0 20px 44px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)
}
.videos-page-hero p{margin:0;color:#68eaff!important;font-size:14px!important;font-weight:950;letter-spacing:.11em}
.videos-page-hero h1{margin:6px 0 5px;color:#f4d47f;font:950 clamp(3rem,6vw,5.2rem)/.96 Georgia,'Times New Roman',serif}
.videos-page-hero strong{display:block;color:#ff75c9;font-size:15px;letter-spacing:.05em}
.videos-page-hero span{display:block;margin-top:10px;color:#d1d7de;font-size:16px;line-height:1.5}
.videos-page-grid{display:grid;gap:18px;margin-top:20px}
.videos-shelf{
  overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:19px;
  background:linear-gradient(145deg,#0d131b,#080a0e);
  box-shadow:0 16px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)
}
.videos-shelf-head{padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:14px;align-items:center}
.videos-shelf-head h2{margin:0;color:#f2d37d;font:950 1.7rem Georgia,'Times New Roman',serif}
.videos-shelf-head span{color:#68eaff;font-size:11px;font-weight:950;letter-spacing:.08em}
.videos-shelf-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px}
.video-page-card{
  min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#0a0e13;color:#fff;text-decoration:none
}
.video-page-thumb{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#05070a}
.video-page-thumb img,.video-page-thumb video{width:100%;height:100%;object-fit:cover}
.video-page-thumb span{color:#7e8994;font-size:11px;font-weight:900}
.video-page-copy{padding:10px}
.video-page-copy small{display:block;color:#70eaff;font-size:9px;font-weight:950;letter-spacing:.07em}
.video-page-copy strong{display:block;margin-top:4px;color:#e5e8ec;font-size:13px;line-height:1.25}
.videos-page-empty,.videos-page-loading{padding:30px;text-align:center;color:#9ea8b2;font-size:15px}
@media(max-width:980px){.videos-shelf-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .videos-page-shell{width:calc(100% - 24px);padding-top:16px}
  .videos-page-hero{padding:23px 20px}
  .videos-shelf-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){.videos-shelf-items{grid-template-columns:1fr}}