.okwin-videos{--ok-vid-bg:#0a0e14;--ok-vid-surface:#121820;--ok-vid-surface-2:#1a2230;--ok-vid-border:rgba(255,255,255,0.08);--ok-vid-green:#55d281;--ok-vid-text:#f0f3f7;--ok-vid-muted:#8b95a8;margin:1.5rem 0;padding:0;border-radius:0;font-family:'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ok-vid-text);background:var(--ok-vid-bg);box-shadow:none}.okwin-videos--error .okwin-error,.okwin-videos .okwin-error{padding:12px 14px;margin:0;border-radius:8px;border:1px solid rgba(239,68,68,0.35);background:rgba(239,68,68,0.12);color:#fca5a5}.okwin-videos-header{position:relative;margin-bottom:16px;padding:0 0 0 14px}.okwin-videos-heading{margin:0;font-size:1rem;font-weight:600;line-height:1.3;color:var(--ok-vid-text);text-transform:uppercase;letter-spacing:0.02em}.okwin-videos-heading::before{content:'';position:absolute;top:0.1em;bottom:0.1em;left:0;width:3px;border-radius:99px;background:var(--ok-vid-green)}.okwin-videos-meta{margin:0;font-size:0.85rem;color:var(--ok-vid-muted)}.okwin-videos-empty{margin:0;padding:28px 16px;text-align:center;color:var(--ok-vid-muted);background:var(--ok-vid-surface);border-radius:10px;border:1px dashed var(--ok-vid-border)}.okwin-videos-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px}.okwin-videos-item{position:relative;background:#101720;border:0;border-radius:0;overflow:hidden}.okwin-videos-card{display:block;color:inherit;text-decoration:none}.okwin-videos-card:hover .okwin-videos-item-title{color:#ffffff}.okwin-videos-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#182231}.okwin-videos-thumb img,.okwin-videos-thumb-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.25s ease}.okwin-videos-card:hover .okwin-videos-thumb img{transform:scale(1.04)}.okwin-videos-thumb-fallback{background:linear-gradient(135deg,rgba(85,210,129,0.22),transparent 45%),linear-gradient(315deg,rgba(31,143,255,0.18),transparent 42%),#182231}.okwin-videos-caption{position:relative;display:block;min-height:44px;padding:10px 44px 10px 12px;background:#101720}.okwin-videos-item-title{display:block;font-size:0.84rem;font-weight:500;line-height:1.35;color:var(--ok-vid-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okwin-videos-time{display:block;margin-top:2px;font-size:0.74rem;line-height:1.2;color:var(--ok-vid-muted)}.okwin-videos-play{position:absolute;right:10px;top:50%;width:22px;height:22px;border:2px solid var(--ok-vid-green);border-radius:999px;transform:translateY(-50%);box-shadow:0 0 0 1px rgba(0,0,0,0.25)}.okwin-videos-play::before{content:'';position:absolute;top:50%;left:52%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--ok-vid-green);transform:translate(-38%,-50%)}@media (max-width:980px){.okwin-videos-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (max-width:760px){.okwin-videos-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:640px){.okwin-videos{margin:1rem 0}.okwin-videos-heading{font-size:1.1rem}.okwin-videos-list{grid-template-columns:1fr}}html body [class^="okwin-"][class],html body [class*=" okwin-"][class],html body [class^="okwin-"][class] *,html body [class*=" okwin-"][class] *{font-family:Arial,"Helvetica Neue","Segoe UI",sans-serif !important;font-synthesis:none !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;text-rendering:optimizeLegibility !important;text-shadow:none !important;-webkit-text-stroke:0 !important}html body [class^="okwin-"][class] button,html body [class*=" okwin-"][class] button,html body button[class^="okwin-"],html body button[class*=" okwin-"]{font-weight:500 !important}html body [class^="okwin-"][class] strong,html body [class*=" okwin-"][class] strong,html body [class^="okwin-"][class] b,html body [class*=" okwin-"][class] b,html body [class^="okwin-"][class] h1,html body [class*=" okwin-"][class] h1,html body [class^="okwin-"][class] h2,html body [class*=" okwin-"][class] h2,html body [class^="okwin-"][class] h3,html body [class*=" okwin-"][class] h3,html body [class^="okwin-"][class] h4,html body [class*=" okwin-"][class] h4{font-weight:600 !important}