@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Fira+Code:wght@400;500&display=swap";
:root{--vp-bg:#06060a;--vp-surface:#0d0d14;--vp-lift:#111118;--vp-accent:#e8194b;--vp-cool:#18e8c2;--vp-text:#f2f0ea;--vp-muted:#f2f0ea7a;--vp-border:#ffffff0f}:is(:has(.vp) body,:has(.vp) html){height:auto!important;overflow:auto!important}.vp{background:var(--vp-bg);min-height:100vh;color:var(--vp-text);padding-bottom:140px;font-family:Fira Code,monospace;position:relative}.vp:before{content:"";pointer-events:none;z-index:0;opacity:.6;background:repeating-linear-gradient(#0000 0 3px,#0000000f 3px 4px);position:fixed;inset:0}.vp>*{z-index:1;position:relative}.vp__header{border-bottom:1px solid var(--vp-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#06060af0;justify-content:space-between;align-items:flex-end;gap:24px;padding:80px 48px 28px;display:flex;position:sticky;top:0}.vp__header-left{flex-direction:column;gap:5px;display:flex}.vp__kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--vp-accent);align-items:center;gap:8px;font-family:Fira Code,monospace;font-size:.57rem;display:inline-flex}.vp__kicker:before{content:"";background:var(--vp-accent);width:6px;height:6px;box-shadow:0 0 8px var(--vp-accent);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite vp-blink}.vp__title{letter-spacing:-.01em;color:var(--vp-text);font-family:Archivo Black,sans-serif;font-size:clamp(2.4rem,5.5vw,5rem);line-height:.9}.vp__btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.vp__premium{letter-spacing:.05em;text-transform:uppercase;color:#000;cursor:default;white-space:nowrap;background:linear-gradient(110deg,#9a6b18 0%,#c9921e 25%,#f0c84a 52%,#c9921e 75%,#9a6b18 100%);border:none;flex-shrink:0;padding:clamp(10px,1.2vh,14px) clamp(18px,2vw,28px);font-family:Archivo Black,sans-serif;font-size:clamp(.78rem,1vw,.95rem);position:relative;overflow:hidden}.vp__premium--sm{padding:8px clamp(12px,1.4vw,18px);font-size:clamp(.68rem,.82vw,.78rem)}.vp__premium:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff94,#0000);width:60%;height:100%;position:absolute;top:0;left:-110%;transform:skew(-22deg)}.vp__premium:hover:after{transition:left .44s;left:160%}.vp__subscribe{letter-spacing:.05em;text-transform:uppercase;color:#000;background:var(--vp-accent);white-space:nowrap;flex-shrink:0;padding:clamp(10px,1.2vh,14px) clamp(18px,2vw,28px);font-family:Archivo Black,sans-serif;font-size:clamp(.78rem,1vw,.95rem);text-decoration:none;transition:background .15s,transform .15s;display:inline-block}.vp__subscribe:hover{background:#ff3558;transform:translateY(-1px)}.vp__subscribe--section{padding:8px clamp(14px,1.6vw,22px);font-size:clamp(.7rem,.85vw,.82rem)}.vp__loader{color:var(--vp-muted);letter-spacing:.16em;text-transform:uppercase;flex-direction:column;align-items:center;gap:16px;padding:140px 48px;font-size:.62rem;display:flex}.vp__loader-track{background:var(--vp-border);width:180px;height:1px;overflow:hidden}.vp__loader-fill{background:var(--vp-accent);height:100%;animation:1.2s ease-in-out infinite vp-load}.vp__content{padding:0 48px}.vp__section{border-top:1px solid var(--vp-border);padding:36px 0 8px}.vp__section:first-child{border-top:none}.vp__section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.vp__section-header-left{align-items:baseline;gap:14px;min-width:0;display:flex}.vp__section-num{letter-spacing:.22em;color:var(--vp-accent);opacity:.65;flex-shrink:0;font-family:Fira Code,monospace;font-size:.56rem}.vp__section-title{letter-spacing:-.01em;color:var(--vp-text);white-space:nowrap;text-overflow:ellipsis;font-family:Archivo Black,sans-serif;font-size:clamp(1.5rem,2.2vw,2rem);overflow:hidden}.vp__section-header--bare{justify-content:flex-start}.vp__section-header--bare .vp__section-line{flex:1;margin-left:4px}.vp__section-body{align-items:flex-start;gap:14px;padding-bottom:28px;display:flex}.vp__section-body .vp__grid{flex:1;min-width:0;padding-bottom:0}.vp__lock-card{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:10px;width:clamp(200px,18vw,280px);display:flex}.vp__lock-visual{aspect-ratio:16/9;cursor:default;background:#000;border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:relative;overflow:hidden}.vp__lock-icon{color:#ffffff4d;align-items:center;display:flex}.vp__lock-visual:hover .vp__lock-icon{animation:.55s ease-in-out vp-jingle}.vp__lock-text{letter-spacing:.2em;text-transform:uppercase;color:#ffffff38;-webkit-user-select:none;user-select:none;font-family:Fira Code,monospace;font-size:.54rem}.vp__lock-meta{flex-direction:column;gap:3px;display:flex}.vp__lock-channel{letter-spacing:.22em;text-transform:uppercase;color:#e8194b8c;font-size:.52rem}.vp__lock-title{color:#f2f0ea59;font-family:Fira Code,monospace;font-size:.68rem;line-height:1.4}@keyframes vp-jingle{0%,to{transform:rotate(0)}18%{transform:rotate(-16deg)}36%{transform:rotate(14deg)}54%{transform:rotate(-10deg)}72%{transform:rotate(8deg)}90%{transform:rotate(-3deg)}}.vp__section--group{border-top:3px solid var(--vp-accent);padding-top:52px;position:relative}.vp__section--group:before{content:"";pointer-events:none;background:radial-gradient(70% 35% at 50% 0,#e8194b0f 0%,#0000 65%);position:absolute;inset:0}.vp__section--group>*{position:relative}.vp__section--group .vp__section-title{font-size:clamp(2rem,3.5vw,3rem)}.vp__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding-bottom:28px;display:grid}.vp__grid--group{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:36px}.vp__grid--group .vp-card:first-child{grid-column:span 2;max-width:clamp(380px,44vw,640px)}.vp__grid--group .vp-card:first-child .vp-card__title{letter-spacing:-.01em;-webkit-line-clamp:3;line-clamp:3;font-family:Archivo Black,sans-serif;font-size:clamp(.95rem,1.4vw,1.3rem);line-height:1.15}.vp-card{opacity:0;animation:.4s forwards vp-fadein;animation-delay:calc(var(--i,0) * 50ms);flex-direction:column;gap:10px;text-decoration:none;display:flex;transform:translateY(12px)}.vp-card__visual{aspect-ratio:16/9;background:var(--vp-surface);width:100%;position:relative;overflow:hidden}.vp-card__img,.vp-card__iframe{object-fit:cover;filter:saturate(.88);border:none;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .32s;position:absolute;inset:0}.vp-card__placeholder{background:#000 repeating-linear-gradient(45deg,#0000,#0000 18px,#ffffff05 18px 19px);position:absolute;inset:0}.vp-card__visual:before{content:"";z-index:2;pointer-events:none;opacity:0;background:repeating-linear-gradient(#0000 0 2px,#0000002e 2px 4px);transition:opacity .25s;position:absolute;inset:0}.vp-card:hover .vp-card__visual:before{opacity:1}.vp-card:hover .vp-card__img{filter:saturate(1.1)brightness(1.02);transform:scale(1.04)}.vp-card__visual:after{content:"";pointer-events:none;z-index:3;transition:box-shadow .2s;position:absolute;inset:0;box-shadow:inset 3px 0 #0000}.vp-card:hover .vp-card__visual:after{box-shadow:inset 3px 0 0 var(--vp-accent)}.vp-card__overlay{z-index:1;opacity:0;background:linear-gradient(#0000 40%,#000000b3 100%);transition:opacity .2s;position:absolute;inset:0}.vp-card:hover .vp-card__overlay{opacity:1}.vp-card__play{z-index:4;color:#ffffffeb;opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.vp-card:hover .vp-card__play{opacity:1}.vp-card:hover .vp-card__visual:has(.vp-card__iframe) .vp-card__play{opacity:0}.vp-card__meta{flex-direction:column;gap:3px;display:flex}.vp-card__channel{letter-spacing:.22em;text-transform:uppercase;color:var(--vp-accent);font-size:.52rem}.vp-card__title{color:var(--vp-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Fira Code,monospace;font-size:.71rem;line-height:1.46;display:-webkit-box;overflow:hidden}.vp-card__date{color:var(--vp-muted);font-size:.56rem}@keyframes vp-fadein{to{opacity:1;transform:translateY(0)}}@keyframes vp-load{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}51%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(0)}}@keyframes vp-blink{0%,to{opacity:1}50%{opacity:.28}}@media (prefers-reduced-motion:reduce){.vp-card{opacity:1;animation:none;transform:none}.vp__kicker:before{animation:none}}@media (max-width:900px){.vp__grid--group{grid-template-columns:repeat(2,1fr)}.vp__grid--group .vp-card:first-child{grid-column:span 2}}@media (max-width:640px){.vp__header{flex-direction:column;align-items:flex-start;gap:14px;padding:64px 20px 22px}.vp__content{padding:0 20px}.vp__section{padding:40px 0 12px}.vp__grid{grid-template-columns:1fr 1fr;gap:12px}.vp__grid--group{grid-template-columns:1fr;gap:16px}.vp__grid--group .vp-card:first-child{grid-column:span 1}.vp__section-header{flex-wrap:wrap}.vp__section-body{flex-direction:column}.vp__lock-card{width:100%}.vp__lock-visual{max-height:120px}}