.video-highlight{background:linear-gradient(160deg,#f3f7fc 0%,#e6ebf4 100%);padding:5rem 0 4rem;position:relative;overflow:hidden}.dark .video-highlight{background:linear-gradient(160deg,#0b111e 0%,#151c29 100%)}.vs-header{text-align:center;margin-bottom:2.5rem}.vs-subtitle{letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:inline-block}.vs-title{color:#151f32;letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.15}.dark .vs-title{color:#f1f5f9}.vs-player-shell{background:#fff;border-radius:1.25rem;max-width:960px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #0050c81a,0 1px 3px #0000000f}.dark .vs-player-shell{background:#0f1729;box-shadow:0 8px 40px #0006}.vs-video-area{aspect-ratio:16/9;cursor:pointer;background:#000;width:100%;position:relative;overflow:hidden}.vs-video{object-fit:cover;width:100%;height:100%;display:block}.vs-centre-overlay{pointer-events:none;background:radial-gradient(#00000014 0%,#0000004d 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vs-centre-overlay>*{pointer-events:auto}.vs-big-play{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:background .25s,transform .2s;display:flex;box-shadow:0 6px 30px #00000040}.vs-big-play:hover{background:#ffffff52}.vs-control-bar{background:linear-gradient(#0000 0%,#000000b3 100%);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.vs-ctrl-left,.vs-ctrl-right{align-items:center;gap:.4rem;display:flex}.vs-ctrl-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .15s;display:flex}.vs-ctrl-btn:hover{background:#ffffff47;transform:scale(1.08)}.vs-ctrl-label{color:#ffffffbf;letter-spacing:.04em;white-space:nowrap;margin-left:.2rem;font-size:.7rem;font-weight:600}.vs-stats-row{background:#fff;border-top:1px solid #0050c812;justify-content:center;align-items:center;gap:0;padding:1.1rem 2rem;display:flex}.dark .vs-stats-row{background:#0f1729;border-top-color:#ffffff0f}.vs-stat{flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.vs-stat-icon{width:38px;height:38px;color:hsl(var(--primary));background:#edf5fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dark .vs-stat-icon{color:#38bdf8;background:#38bdf81a}.vs-stat-title{color:#1c2840;font-size:.875rem;font-weight:700;line-height:1.2}.dark .vs-stat-title{color:#f1f5f9}.vs-stat-desc{color:#64748b;margin-top:1px;font-size:.75rem}.vs-stat-divider{background:#0050c81a;flex-shrink:0;width:1px;height:36px;margin:0 1rem}.dark .vs-stat-divider{background:#ffffff14}@media (max-width:640px){.video-highlight{padding:3.5rem 0 3rem}.vs-player-shell{border-radius:1rem;margin:0 .5rem}.vs-big-play{width:64px;height:64px}.vs-ctrl-label{display:none}.vs-stats-row{gap:0;padding:.9rem 1rem}.vs-stat-icon{border-radius:8px;width:32px;height:32px}}@media (max-width:400px){.vs-stats-row{flex-direction:column;gap:.75rem;padding:1rem}.vs-stat-divider{width:100%;height:1px;margin:0}.vs-stat{justify-content:flex-start}}
