.vp-hero{isolation:isolate;border:1px solid color-mix(in srgb, var(--color-texts,#f5f5f5) 8%, transparent);background:radial-gradient(110% 90% at 85% 15%, color-mix(in srgb, var(--color-primary,#18d838) 26%, transparent), transparent 60%), radial-gradient(70% 80% at 0% 100%, color-mix(in srgb, var(--color-primary,#18d838) 14%, transparent), transparent 60%), var(--color-bg-secondary,#101018);position:relative;overflow:hidden}.vp-hero-art{z-index:-2;-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center;width:100%;height:100%;animation:20s ease-in-out infinite alternate vip-drift;position:absolute;inset:0}.vp-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg-primary,#080808) 94%, transparent) 0%, color-mix(in srgb, var(--color-bg-primary,#080808) 72%, transparent) 40%, transparent 72%);position:absolute;inset:0}@media (width>=1024px){.vp-hero[data-aside=true] .vp-hero-art{-o-object-position:62% center;object-position:62% center}}@media (width<=767px){.vp-hero-art{-o-object-position:70% center;object-position:70% center}.vp-hero:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg-primary,#080808) 30%, transparent) 0%, color-mix(in srgb, var(--color-bg-primary,#080808) 78%, transparent) 45%, color-mix(in srgb, var(--color-bg-primary,#080808) 96%, transparent) 100%)}}.vp-card{transition:transform .2s,border-color .2s,box-shadow .2s}@media (hover:hover){.vp-card:hover{border-color:color-mix(in srgb, var(--color-primary,#18d838) 40%, transparent);box-shadow:0 18px 40px -18px color-mix(in srgb, var(--color-primary,#18d838) 70%, transparent);transform:translateY(-3px)}.vp-card:hover .vp-card-art{transform:scale(1.05)}}.vp-card-art{transition:transform .6s cubic-bezier(.22,1,.36,1)}.vp-card-featured{background:linear-gradient(var(--color-bg-secondary,#101018), var(--color-bg-secondary,#101018)) padding-box, linear-gradient(130deg, var(--color-primary,#18d838), color-mix(in srgb, var(--color-primary,#18d838) 20%, transparent) 50%, var(--color-primary,#18d838)) border-box;border:1px solid #0000}.vp-rise{animation:.42s cubic-bezier(.22,1,.36,1) both vp-rise;animation-delay:calc(var(--i,0) * 60ms)}.vp-cta{box-shadow:0 10px 26px -8px color-mix(in srgb, var(--color-primary,#18d838) 75%, transparent);transition:transform .15s,box-shadow .15s,opacity .15s}@media (hover:hover){.vp-cta:not(:disabled):hover{transform:translateY(-1px)scale(1.01)}}.vp-cta:not(:disabled):active{transform:scale(.98)}.vp-shine{position:relative;overflow:hidden}.vp-shine:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff42 48%,#0000 66%);animation:3.8s ease-in-out 1.5s infinite vp-shine;position:absolute;inset:0;transform:translate(-120%)}.vp-icon{filter:drop-shadow(0 8px 16px color-mix(in srgb, var(--color-primary,#18d838) 35%, transparent));-webkit-mask-image:radial-gradient(circle,#000 56%,#0000 71%);mask-image:radial-gradient(circle,#000 56%,#0000 71%)}.vp-float{animation:4.4s ease-in-out infinite vp-float;animation-delay:calc(var(--i,0) * -1.3s)}.vp-halo{background:radial-gradient(circle, color-mix(in srgb, var(--color-primary,#18d838) 42%, transparent), transparent 70%);border-radius:9999px;animation:2.6s ease-in-out infinite vip-pulse;position:absolute;inset:14%}.vp-bar{background:color-mix(in srgb, var(--color-texts,#f5f5f5) 10%, transparent);border-radius:9999px;position:relative;overflow:hidden}.vp-bar-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--color-primary,#18d838) 70%, transparent), var(--color-primary,#18d838));transform-origin:0;border-radius:9999px;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) both vip-grow}.vp-bar-fill[data-complete=true]:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:2s ease-in-out infinite vp-shine;position:absolute;inset:0;transform:translate(-120%)}.vp-countup{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.vp-timer{font-variant-numeric:tabular-nums}.vp-timer[data-urgent=true]{color:var(--color-warning,#ff9f43);animation:1.6s ease-in-out infinite vip-blink}.vp-success{animation:.48s cubic-bezier(.22,1,.36,1) both vip-pop}.vp-success-ring{animation:.9s ease-out both vip-ring}.vp-confetti{background:var(--c,var(--color-primary,#18d838));opacity:0;width:7px;height:11px;animation:1.4s cubic-bezier(.2,.7,.3,1) both vp-confetti;animation-delay:calc(var(--i,0) * 40ms);transform:translate(-50%, -50%) rotate(var(--r,0deg));border-radius:2px;position:absolute;top:40%;left:50%}.vp-skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/200% 100%;animation:1.4s linear infinite vip-flow}.vp-chip{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;line-height:1.1;display:inline-flex}.vp-chip-dot{background:currentColor;border-radius:9999px;width:.4rem;height:.4rem}.vp-chip[data-tone=live] .vp-chip-dot{animation:1.6s ease-in-out infinite vip-pulse}@keyframes vip-drift{0%{transform:scale(1)}to{transform:scale(1.06)translate(-1%)}}@keyframes vp-shine{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes vp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vp-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-2deg)}}@keyframes vip-pulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.85;transform:scale(1.06)}}@keyframes vip-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes vip-blink{0%,to{opacity:1}50%{opacity:.6}}@keyframes vip-pop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes vip-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary,#18d838) 60%, transparent)}to{box-shadow:0 0 0 28px #0000}}@keyframes vp-confetti{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--r,0deg))}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x,0px)), calc(-50% + var(--y,-90px))) rotate(calc(var(--r,0deg) + 220deg))}}@keyframes vip-flow{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.vp-hero-art,.vp-rise,.vp-float,.vp-halo,.vp-bar-fill,.vp-timer,.vp-success,.vp-success-ring,.vp-confetti,.vp-skeleton,.vp-chip-dot,.vp-card,.vp-card-art,.vp-cta{transition:none;animation:none}.vp-shine:before,.vp-bar-fill[data-complete=true]:after,.vp-confetti{display:none}.vp-card:hover,.vp-card:hover .vp-card-art{transform:none}}.vp-action .btn-cta{width:100%;box-shadow:0 10px 26px -8px color-mix(in srgb, var(--color-primary,#18d838) 75%, transparent);border-radius:.75rem;padding:.625rem 1rem;transition:transform .15s,opacity .15s}.vp-action .btn-cta:not(:disabled):active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.vp-action .btn-cta{transition:none}}