.video-player{position:relative;width:100%;background-color:#000;aspect-ratio:16/9;overflow:hidden}.video-player__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-player__video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-player__loading{position:absolute;inset:0;background-color:#000;z-index:10;pointer-events:none}.video-player__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0a0a0a;text-align:center;padding:var(--spacing-lg);z-index:5}.video-player__error-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.video-player__error-text{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.video-player__error-subtext{font-size:var(--font-sm);color:var(--color-text-muted);max-width:300px}.video-player__overlay-controls{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:15}.video-player__overlay-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:rgba(0,0,0,.6);border-radius:var(--radius-md);color:var(--color-text-primary);pointer-events:auto;opacity:0;transition:all var(--transition-fast);cursor:pointer}.video-player:hover .video-player__overlay-btn{opacity:1}.video-player__overlay-btn:hover{background-color:var(--color-primary)}.video-player__overlay-btn svg{width:24px;height:24px}.video-player__overlay-btn--prev{left:var(--spacing-md);top:50%;transform:translateY(-50%)}.video-player__overlay-btn--next{right:var(--spacing-md);top:50%;transform:translateY(-50%)}.video-player__overlay-btn--fullscreen{right:var(--spacing-md);bottom:var(--spacing-md)}@media (max-width:575.98px){.video-player__overlay-btn{width:36px;height:36px}.video-player__overlay-btn svg{width:18px;height:18px}.video-player__error-icon{width:48px;height:48px}.video-player__error-text{font-size:var(--font-base)}.video-player__error-subtext{font-size:var(--font-xs)}}.video-player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.video-player:fullscreen .video-player__iframe,.video-player:fullscreen .video-player__video{width:100%;height:100%}.video-player__iframe{max-width:100%;max-height:100%}.load-gate{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0,#17151f 0,#0b0a10 70%);opacity:0;pointer-events:none;transition:opacity .3s ease}.load-gate--show{opacity:1;pointer-events:auto}.load-gate__inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;max-width:340px;text-align:center;color:#ececf1}.load-gate__brand{display:flex;align-items:center;gap:10px}.load-gate__logo{width:40px;height:40px;border-radius:10px}.load-gate__name{font-size:18px;font-weight:700;letter-spacing:.02em}.load-gate__spinner{width:34px;height:34px;margin-top:4px;border-radius:50%;border:3px solid hsla(0,0%,100%,.15);border-top-color:#7c5cff;animation:load-gate-spin .8s linear infinite}@keyframes load-gate-spin{to{transform:rotate(1turn)}}.load-gate__status{margin:0;font-size:13px;color:#a9a7b6}.load-gate__watch{display:inline-flex;align-items:center;gap:9px;margin-top:4px;padding:13px 30px;border:none;border-radius:999px;background:#fff;color:#111;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.35);transition:transform .12s ease,background .12s ease}.load-gate__watch:hover{background:#f1f1f4;transform:translateY(-1px)}.load-gate__watch svg{fill:currentColor}.load-gate__install{margin-top:8px;width:100%;padding:16px;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;background:hsla(0,0%,100%,.03)}.load-gate__pitch{margin:0 0 10px;font-size:14px;line-height:1.4}.load-gate__perks{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#b9b7c6}.load-gate__perks li{display:flex;align-items:center;gap:8px}.load-gate__perks svg{color:#7c5cff;flex:none}.load-gate__btn{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;padding:10px 16px;border:none;border-radius:10px;background:#7c5cff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.load-gate__btn:hover:not(:disabled){background:#6a49f2}.load-gate__btn:disabled{opacity:.6;cursor:default}