.video-page { padding: 145px 0 70px; }
.video-page-header { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 32px; }
.eyebrow { color: #5c22ff; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.video-page h1 { margin: 9px 0; color: #18214d; font-size: clamp(34px, 5vw, 52px); font-weight: 800; }
.video-page-header p { margin: 0; color: #5d6685; font-size: 18px; }
.back-home { padding: 12px 16px; border-radius: 8px; background: #5c22ff; color: #fff; font-size: 12px; font-weight: 800; white-space: nowrap; }
.video-featured { display: grid; grid-template-columns: 1.55fr 1fr; overflow: hidden; border-radius: 16px; background: #101b51; box-shadow: 0 16px 35px rgba(18, 28, 85, .15); }
.video-featured video { width: 100%; height: 360px; background: #111; object-fit: cover; }
.featured-video-copy { display: flex; flex-direction: column; justify-content: center; padding: 40px; color: #fff; background: linear-gradient(135deg, #122a8a, #5c22ff); }
.featured-video-copy span, .video-card-copy span { color: #ffdb55; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.featured-video-copy h2 { margin: 10px 0; font-size: 30px; font-weight: 800; }
.featured-video-copy p { margin: 0; color: rgba(255,255,255,.83); }
.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 30px; }
.video-card { overflow: hidden; border: 1px solid rgba(65,58,132,.12); border-radius: 14px; background: rgba(255,255,255,.92); }
.video-card video { display: block; width: 100%; height: 190px; background: #111; object-fit: cover; }
.video-card-copy { padding: 18px; }
.video-card-copy h2 { margin: 7px 0 0; color: #19214f; font-size: 18px; font-weight: 800; }
@media (max-width: 992px) { .video-page { padding-top: 120px; } .video-featured { grid-template-columns: 1fr; } .video-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) { .video-page-header { display: block; } .back-home { display: inline-block; margin-top: 20px; } .video-featured video { height: 230px; } .featured-video-copy { padding: 27px; } .video-grid { grid-template-columns: 1fr; } }