.ultrakit-vpp{--a: #6c5ce7;--b: #00cec9;--cols: 2;--cols-t: 2;--cols-m: 1;--gap: 24px;--r: 22px;--ps: 84px;--ratio: 16 / 9;width: 100%;box-sizing: border-box;color: #14142b}.ultrakit-vpp *,.ultrakit-vpp *::before,.ultrakit-vpp *::after{box-sizing: border-box}.ultrakit-vpp .vpp-trg{appearance: none;-webkit-appearance: none;cursor: pointer;border: 0;padding: 0;margin: 0;font-family: inherit;text-align: left;color: inherit;background: none;box-shadow: none;-webkit-tap-highlight-color: transparent;outline: none}.vpp-trg:focus-visible{box-shadow: 0 0 0 3px #fff,0 0 0 6px var(--a) !important}.vpp-play{position: absolute;left: 50%;top: 50%;width: var(--ps);height: var(--ps);margin: calc(var(--ps) / -2) 0 0 calc(var(--ps) / -2);z-index: 3;display: block;pointer-events: none}.vpp-play b{position: absolute;inset: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #fff;color: var(--a);box-shadow: 0 20px 40px -12px rgba(0,0,0,.55);transition: transform .4s cubic-bezier(.22,.9,.3,1)}.vpp-play b svg{width: 30%;height: 30%;margin-left: 4%}.vpp-play i{position: absolute;inset: 0;border-radius: 50%;background: rgba(255,255,255,.45);animation: vppRing 2.4s cubic-bezier(.2,.6,.3,1) infinite}.vpp-play i + i{animation-delay: 1.2s}@keyframes vppRing{0%{transform: scale(1);opacity: .7}100%{transform: scale(2.1);opacity: 0}}.vpp-p-gradient .vpp-play b{background: linear-gradient(135deg,var(--a),var(--b));color: #fff;box-shadow: 0 20px 40px -12px color-mix(in srgb,var(--a) 80%,transparent)}.vpp-p-gradient .vpp-play i{background: color-mix(in srgb,var(--a) 55%,transparent)}.vpp-p-glass .vpp-play b{background: rgba(255,255,255,.2);color: #fff;-webkit-backdrop-filter: blur(12px) saturate(1.6);backdrop-filter: blur(12px) saturate(1.6);box-shadow: inset 0 0 0 2px rgba(255,255,255,.7),0 20px 40px -12px rgba(0,0,0,.5)}.vpp-p-dark .vpp-play b{background: #14142b;color: #fff}.vpp-p-dark .vpp-play i{background: rgba(20,20,43,.45)}.vpp-trg:hover .vpp-play b{transform: scale(1.1)}.ultrakit-vpp .vpp-card,.ultrakit-vpp .vpp-banner{position: relative;display: block;width: 100%;border-radius: var(--r);overflow: hidden;isolation: isolate;box-shadow: 0 30px 60px -28px rgba(20,20,60,.55);transition: transform .5s cubic-bezier(.22,.9,.3,1),box-shadow .5s}.vpp-card:hover,.vpp-banner:hover{transform: translateY(-5px);box-shadow: 0 40px 70px -28px rgba(20,20,60,.65)}.vpp-poster{position: absolute;inset: 0;display: block;overflow: hidden;background: #1a1a2e}.vpp-card .vpp-poster{position: relative;inset: auto;aspect-ratio: var(--ratio)}.vpp-poster img{display: block;width: 100% !important;height: 100% !important;max-width: none;object-fit: cover;border-radius: 0 !important;transition: transform .9s cubic-bezier(.22,.9,.3,1)}.vpp-trg:hover .vpp-poster img{transform: scale(1.06)}.vpp-shade{position: absolute;inset: 0;z-index: 1;background: linear-gradient(180deg,rgba(10,10,30,0) 45%,rgba(10,10,30,.78));pointer-events: none}.vpp-dur{position: absolute;z-index: 4;top: 16px;right: 16px;padding: 6px 12px;border-radius: 20px;font-size: 12px;font-weight: 800;letter-spacing: .04em;color: #fff;background: rgba(10,10,30,.6);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.vpp-meta{position: absolute;z-index: 4;left: 0;right: 0;bottom: 0;padding: 22px 24px;display: flex;flex-direction: column;gap: 4px;color: #fff}.vpp-meta b{font-size: 20px;font-weight: 800;letter-spacing: -.02em;line-height: 1.2}.vpp-meta span{font-size: 14px;opacity: .82;line-height: 1.45}.vpp-nometa .vpp-meta,.vpp-nometa .vpp-shade{display: none}.vpp-nometa .vpp-dur{display: block}.vpp-s-orb{--ps: max(var(--ps),110px)}.vpp-s-orb .vpp-meta,.vpp-s-orb .vpp-shade{display: none}.vpp-s-orb .vpp-poster::after{content: "";position: absolute;inset: 0;background: rgba(10,10,30,.22);transition: background .4s}.vpp-s-orb .vpp-card:hover .vpp-poster::after{background: rgba(10,10,30,.05)}.ultrakit-vpp .vpp-banner{min-height: 340px;display: flex;align-items: center}.vpp-banner .vpp-shade{background: linear-gradient(90deg,rgba(10,10,40,.88),rgba(10,10,40,.25) 65%,transparent)}.vpp-bn-body{position: relative;z-index: 4;display: flex;flex-direction: column;gap: 10px;max-width: 520px;padding: 40px 48px;color: #fff}.vpp-bn-body em{font-style: normal;align-self: flex-start;padding: 6px 14px;border-radius: 20px;background: linear-gradient(120deg,var(--a),var(--b));font-size: 12px;font-weight: 800;letter-spacing: .08em;text-transform: uppercase}.vpp-bn-body b{font-size: clamp(28px,4vw,46px);font-weight: 800;letter-spacing: -.04em;line-height: 1.05}.vpp-bn-body span{font-size: 17px;opacity: .85;line-height: 1.5}.vpp-banner .vpp-play{left: auto;right: 90px;margin: calc(var(--ps) / -2) 0 0 0}.ultrakit-vpp .vpp-pill{display: inline-flex;align-items: center;gap: 14px;padding: 8px 30px 8px 8px;border-radius: 60px;background: linear-gradient(120deg,var(--a),var(--b));color: #fff !important;font-size: 16px;font-weight: 800;box-shadow: 0 20px 36px -14px color-mix(in srgb,var(--a) 75%,transparent);transition: transform .3s,box-shadow .3s;position: relative;overflow: hidden}.vpp-pill:hover{transform: translateY(-3px);box-shadow: 0 26px 40px -14px color-mix(in srgb,var(--a) 85%,transparent)}.vpp-pill-ic{width: 46px;height: 46px;border-radius: 50%;background: #fff;color: var(--a);display: flex;align-items: center;justify-content: center}.vpp-pill-ic svg{margin-left: 2px}.vpp-pill::after{content: "";position: absolute;top: 0;bottom: 0;width: 40%;left: -60%;background: linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform: skewX(-20deg);animation: vppShine 3.4s ease-in-out infinite}@keyframes vppShine{0%,60%{left: -60%}100%{left: 130%}}.ultrakit-vpp .vpp-link{display: inline-flex;align-items: center;gap: 12px;font-size: 17px;font-weight: 800;color: inherit !important}.vpp-link-ic{width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(135deg,var(--a),var(--b));color: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 10px 22px -8px color-mix(in srgb,var(--a) 80%,transparent);transition: transform .3s}.vpp-link-ic svg{margin-left: 2px}.vpp-link-t{background: linear-gradient(90deg,currentColor,currentColor) no-repeat 0 100% / 0 2px;transition: background-size .35s;padding-bottom: 2px}.vpp-link:hover .vpp-link-t{background-size: 100% 2px}.vpp-link:hover .vpp-link-ic{transform: scale(1.12)}.ultrakit-vpp .vpp-ringbtn{display: inline-flex;align-items: center;gap: calc(var(--ps) * .5);font-size: 17px;font-weight: 800;color: inherit !important}.vpp-ringbtn .vpp-play{position: relative;left: auto;top: auto;margin: 0;flex: 0 0 auto}.vpp-ringbtn .vpp-play i{background: color-mix(in srgb,var(--a) 40%,transparent)}.vpp-ringbtn .vpp-play b{background: linear-gradient(135deg,var(--a),var(--b));color: #fff}.vpp-p-pulse.vpp-s-ring .vpp-play b{background: #fff;color: var(--a);box-shadow: 0 16px 32px -10px rgba(20,20,60,.5)}.vpp-p-pulse.vpp-s-ring .vpp-play i{background: color-mix(in srgb,var(--a) 35%,transparent)}.vpp-grid{display: grid;grid-template-columns: repeat(var(--cols),minmax(0,1fr));gap: var(--gap)}.vpp-feat{display: grid;grid-template-columns: minmax(0,1.7fr) minmax(0,1fr);gap: var(--gap);align-items: stretch}.vpp-feat .vpp-card{height: 100%}.vpp-feat .vpp-card .vpp-poster{height: 100%}.vpp-feat .vpp-card.is-big .vpp-meta b{font-size: 26px}.vpp-side{display: flex;flex-direction: column;gap: 12px}.ultrakit-vpp .vpp-item{display: flex;gap: 16px;align-items: center;width: 100%;padding: 10px;border-radius: 18px;background: #fff;box-shadow: inset 0 0 0 1.5px #ececf6,0 10px 24px -16px rgba(20,20,60,.3);transition: transform .3s cubic-bezier(.22,.9,.3,1),box-shadow .3s;flex: 1}.vpp-item:hover{transform: translateX(6px);box-shadow: inset 0 0 0 2px var(--a),0 18px 30px -18px color-mix(in srgb,var(--a) 60%,transparent)}.vpp-th{position: relative;flex: 0 0 132px;aspect-ratio: 16 / 10;border-radius: 12px;overflow: hidden}.vpp-th img{display: block;width: 100% !important;height: 100% !important;object-fit: cover;border-radius: 0 !important}.vpp-th-p{position: absolute;left: 50%;top: 50%;width: 34px;height: 34px;margin: -17px 0 0 -17px;border-radius: 50%;background: rgba(255,255,255,.95);color: var(--a);display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 16px -6px rgba(0,0,0,.5);transition: transform .3s}.vpp-th-p svg{margin-left: 2px}.vpp-item:hover .vpp-th-p{transform: scale(1.15);background: linear-gradient(135deg,var(--a),var(--b));color: #fff}.vpp-it-b{display: flex;flex-direction: column;gap: 3px;min-width: 0}.vpp-it-b b{font-size: 15.5px;font-weight: 800;letter-spacing: -.01em;color: #14142b;line-height: 1.25}.vpp-it-b span{font-size: 13px;line-height: 1.4;color: #6b6b85}.vpp-it-b em{font-style: normal;font-size: 12px;font-weight: 800;color: var(--a)}.vpp-feat .vpp-play{--ps: 84px}.vpp-modal{--a: #6c5ce7;--b: #00cec9;--mw: 1100px;--mr: 16 / 9;--rn: 1.7778;position: fixed;inset: 0;z-index: 999999;display: flex;align-items: center;justify-content: center;padding: 20px;opacity: 0;visibility: hidden;transition: opacity .35s,visibility .35s;font-family: inherit;color: #fff}.vpp-modal.is-open{opacity: 1;visibility: visible}.vpp-modal *,.vpp-modal *::before,.vpp-modal *::after{box-sizing: border-box}.vpp-bd{position: absolute;inset: 0;background: rgba(6,6,18,.9)}.vpp-bk-blur .vpp-bd{background: rgba(6,6,18,.78);-webkit-backdrop-filter: blur(18px) saturate(1.3);backdrop-filter: blur(18px) saturate(1.3)}.vpp-bk-gradient .vpp-bd{background: linear-gradient(135deg,color-mix(in srgb,var(--a) 92%,#000),color-mix(in srgb,var(--b) 80%,#000));opacity: .97}.vpp-sz-s{--mw: 720px}.vpp-sz-m{--mw: 900px}.vpp-sz-l{--mw: 1100px}.vpp-sz-xl{--mw: 1280px}.vpp-box{position: relative;z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 16px;max-width: 100%;transition: transform .5s cubic-bezier(.22,.9,.3,1),opacity .4s}.vpp-an-zoom .vpp-box{transform: scale(.86);opacity: 0}.vpp-an-up .vpp-box{transform: translateY(60px);opacity: 0}.vpp-an-fade .vpp-box{opacity: 0}.vpp-an-flip .vpp-box{transform: perspective(1200px) rotateX(-24deg) translateY(30px);opacity: 0;transform-origin: 50% 100%}.vpp-modal.is-open .vpp-box{transform: none;opacity: 1}.vpp-frame{position: relative;width: min(var(--mw),92vw,calc(72vh * var(--rn)));aspect-ratio: var(--mr);border-radius: 18px;overflow: hidden;background: #000;box-shadow: 0 50px 100px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}.vpp-frame iframe,.vpp-frame video{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;display: block;background: #000}.vpp-loader{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center}.vpp-loader::after{content: "";width: 44px;height: 44px;border-radius: 50%;border: 4px solid rgba(255,255,255,.18);border-top-color: var(--b);animation: vppSpin .8s linear infinite}@keyframes vppSpin{to{transform: rotate(360deg)}}.vpp-cap{width: 100%;text-align: center;min-height: 48px}.vpp-cap b{display: block;font-size: 19px;font-weight: 800;letter-spacing: -.01em}.vpp-cap span{display: block;margin-top: 3px;font-size: 14px;opacity: .72}.vpp-close{appearance: none;position: absolute;z-index: 5;top: 18px;right: 18px;cursor: pointer;border: 0;color: #fff;background: rgba(255,255,255,.14);transition: background .25s,transform .25s;display: flex;align-items: center;justify-content: center;gap: 8px;font: 800 14px/1 inherit;padding: 0;width: 48px;height: 48px;border-radius: 50%;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.vpp-close:hover{background: linear-gradient(135deg,var(--a),var(--b));transform: scale(1.06)}.vpp-close svg{width: 22px;height: 22px}.vpp-cl-pill .vpp-close{width: auto;height: 46px;padding: 0 20px 0 16px;border-radius: 30px}.vpp-cl-plain .vpp-close{background: none;-webkit-backdrop-filter: none;backdrop-filter: none}.vpp-cl-plain .vpp-close:hover{background: none;transform: rotate(90deg)}.vpp-nv{appearance: none;position: absolute;z-index: 4;top: 50%;margin-top: -24px;width: 48px;height: 48px;border-radius: 50%;border: 0;padding: 0;cursor: pointer;color: #fff;background: rgba(255,255,255,.14);display: flex;align-items: center;justify-content: center;transition: background .25s,transform .25s;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.vpp-nv:hover{background: linear-gradient(135deg,var(--a),var(--b));transform: scale(1.08)}.vpp-nv svg{width: 22px;height: 22px}.vpp-prev{left: 18px}.vpp-next{right: 18px}.vpp-count{position: absolute;z-index: 5;top: 30px;left: 24px;font-size: 13px;font-weight: 800;letter-spacing: .1em;opacity: .8}body.vpp-lock{overflow: hidden}@media (max-width: 1024px){.vpp-grid{grid-template-columns: repeat(var(--cols-t),minmax(0,1fr))}}@media (max-width: 860px){.vpp-feat{grid-template-columns: minmax(0,1fr)}.vpp-feat .vpp-card .vpp-poster{height: auto;aspect-ratio: var(--ratio)}}@media (max-width: 767px){.vpp-grid{grid-template-columns: repeat(var(--cols-m),minmax(0,1fr))}.ultrakit-vpp{--ps: 68px}.vpp-meta{padding: 16px 18px}.vpp-meta b{font-size: 17px}.vpp-bn-body{padding: 26px 24px}.vpp-banner .vpp-play{right: 24px;top: 24px;margin-top: 0}.ultrakit-vpp .vpp-banner{min-height: 260px}.vpp-nv{top: auto;bottom: 20px;margin: 0}.vpp-prev{left: 20px}.vpp-next{right: 20px}.vpp-th{flex-basis: 108px}}@media (prefers-reduced-motion: reduce){.vpp-play i,.vpp-pill::after{animation: none !important}.vpp-box,.vpp-modal,.vpp-poster img{transition: none !important}}