@import "https://fonts.googleapis.com/css2?family=Netflix+Sans:wght@400;500;700&family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--nf-black:#141414;--nf-dark:#181818;--nf-darker:#111;--nf-card:#1f1f1f;--nf-red:#e50914;--nf-red-dim:#b20710;--t1:#fff;--t2:#e5e5e5;--t3:#a3a3a3;--t4:#737373;--radius-card:4px;--shadow-card:0 4px 24px #000000b3;--shadow-hover:0 12px 40px #000000e6}html{scroll-behavior:smooth}body{background-color:var(--nf-black);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--nf-black)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--nf-red)}.navbar{z-index:200;background:linear-gradient(#000000d9 0%,#0000 100%);justify-content:space-between;align-items:center;height:68px;padding:0 4%;transition:background .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--nf-darker)}.navbar__left{align-items:center;gap:28px;display:flex}.navbar__logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.navbar__logo-svg{width:auto;height:22px}.navbar__nav{align-items:center;gap:20px;display:flex}.navbar__nav-link{color:var(--t2);white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.navbar__nav-link:hover,.navbar__nav-link.active{color:var(--t1)}.navbar__right{align-items:center;gap:16px;display:flex}.navbar__icon-btn{color:var(--t2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.navbar__icon-btn:hover{color:var(--t1)}.navbar__profile{cursor:pointer;align-items:center;gap:6px;display:flex}.navbar__avatar{background:var(--nf-red);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.navbar__caret{color:var(--t2);transition:transform .2s}.navbar__profile:hover .navbar__caret{transform:rotate(180deg)}@media (width<=768px){.navbar__nav{display:none}.navbar{padding:0 5%}}.hero{width:100%;height:80vh;min-height:500px;max-height:760px;position:relative;overflow:hidden}.hero__backdrop{position:absolute;inset:0}.hero__img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.hero__vignette-bottom{background:linear-gradient(to top, var(--nf-black) 0%, #14141499 60%, transparent 100%);height:55%;position:absolute;bottom:0;left:0;right:0}.hero__vignette-left{background:linear-gradient(90deg,#141414d9 0%,#14141466 40%,#0000 70%);position:absolute;inset:0}.hero__content{z-index:2;max-width:520px;position:absolute;bottom:22%;left:4%}.hero__label{letter-spacing:3px;text-transform:uppercase;color:var(--t2);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.hero__label-n{color:var(--nf-red);font-size:22px;font-style:italic;font-weight:900;line-height:1}.hero__title{color:var(--t1);text-shadow:2px 2px 8px #0009;margin-bottom:16px;font-size:clamp(28px,4vw,52px);font-weight:800;line-height:1.1}.hero__meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hero__meta-item{color:var(--t2);font-size:13px;font-weight:500}.hero__meta-views{color:#46d369;font-weight:700}.hero__meta-channel{color:var(--t3)}.hero__desc{color:var(--t2);-webkit-line-clamp:3;text-shadow:1px 1px 4px #00000080;-webkit-box-orient:vertical;margin-bottom:24px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__btn{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:12px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.hero__btn:hover{opacity:.85;transform:scale(1.02)}.hero__btn--play{background:var(--t1);color:#000}.hero__btn--info{color:var(--t1);background:#6d6d6eb3}@media (width<=600px){.hero__content{max-width:90%;bottom:15%}.hero__btn{padding:10px 20px;font-size:14px}}.vc{cursor:pointer;flex-direction:column;display:flex;position:relative}.vc__thumb-wrap{aspect-ratio:16/9;border-radius:var(--radius-card);background:#111;width:100%;position:relative;overflow:hidden}.vc__thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.vc:hover .vc__thumb{transform:scale(1.02)}.vc__duration{color:#fff;letter-spacing:.3px;pointer-events:none;background:#000000d9;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;bottom:6px;right:8px}.vc__info{gap:10px;padding:10px 2px 4px;display:flex}.vc__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.vc__meta{flex:1;min-width:0}.vc__title{color:var(--t1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 3px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.vc__channel{color:var(--t3);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;overflow:hidden}.vc__stats{color:var(--t4);margin:0;font-size:12px}.vc__hover-panel{background:var(--nf-card);width:112%;color:inherit;opacity:0;pointer-events:none;transform-origin:top;z-index:30;border-radius:6px;text-decoration:none;transition:opacity .28s .22s,transform .28s .22s;position:absolute;top:0;left:-6%;overflow:hidden;transform:scale(.97)translateY(-2px);box-shadow:0 8px 28px #0009}.vc:hover .vc__hover-panel{opacity:1;pointer-events:auto;transform:scale(1)translateY(-2px)}.vc__hp-thumb{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.vc__hp-img{object-fit:cover;width:100%;height:100%;display:block}.vc__hp-vignette{background:linear-gradient(to top, var(--nf-card), transparent);height:50%;position:absolute;bottom:0;left:0;right:0}.vc__hp-actions{align-items:center;gap:8px;padding:10px 12px 6px;display:flex}.vc__hp-btn{width:30px;height:30px;color:var(--t1);cursor:pointer;background:#1e1e1eb3;border:2px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.vc__hp-btn:hover{background:#ffffff26;border-color:#fff}.vc__hp-btn--play{color:#000;background:#fff;border-color:#fff}.vc__hp-btn--play:hover{background:#ddd;border-color:#ddd}.vc__hp-btn--more{margin-left:auto}.vc__hp-meta{padding:2px 12px 14px}.vc__hp-title{color:var(--t1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.vc__hp-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.vc__hp-views{color:#46d369;font-size:12px;font-weight:700}.vc__hp-dur{color:var(--t3);background:#ffffff14;border-radius:3px;padding:1px 6px;font-size:11px}.vc__hp-channel{color:var(--t3);font-size:12px}@keyframes nf-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.sk__thumb,.sk__avatar,.sk__line{background:linear-gradient(90deg,#1f1f1f 25%,#2a2a2a 50%,#1f1f1f 75%) 0 0/1000px 100%;animation:1.5s linear infinite nf-shimmer}.sk{flex-direction:column;display:flex}.sk__thumb{aspect-ratio:16/9;border-radius:var(--radius-card);width:100%;margin-bottom:10px}.sk__info{gap:10px;padding:0 2px;display:flex}.sk__avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.sk__lines{flex-direction:column;flex:1;gap:8px;padding-top:2px;display:flex}.sk__line{border-radius:3px;height:12px}.sk__line--full{width:100%}.sk__line--med{width:70%}.sk__line--short{width:45%}.vg{padding:0 0 60px}.vg__row{margin-bottom:3vw;padding-left:4%}.vg__row-header{align-items:center;gap:16px;margin-bottom:10px;display:flex}.vg__row-label{color:var(--t2);letter-spacing:0;white-space:nowrap;min-font-size:13px;font-size:1.4vw;font-weight:700;transition:color .2s}@media (width<=900px){.vg__row-label{font-size:16px}}@media (width>=1800px){.vg__row-label{font-size:24px}}.vg__row:hover .vg__row-label{color:var(--t1)}.vg__dots{opacity:0;align-items:center;gap:3px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(2px)}.vg__row:hover .vg__dots{opacity:1;transform:translateY(0)}.vg__dot{background:var(--t4);border-radius:1px;width:10px;height:2px;transition:background .2s}.vg__dot--active{background:var(--t2)}.vg__slider{margin-left:-4%;padding-left:4%;position:relative}.vg__track-clip{margin-bottom:-160px;padding-bottom:160px;overflow:visible}.vg__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:4px;margin-bottom:-160px;padding-bottom:160px;padding-right:4%;display:flex;overflow:scroll hidden}.vg__track::-webkit-scrollbar{display:none}.vg__tile{scroll-snap-align:start;flex:0 0 calc(16.6667% - 3.33333px);min-width:0}.vg__edge{color:#fff;cursor:pointer;z-index:20;opacity:0;background:#14141480;border:none;justify-content:center;align-items:center;width:4%;min-width:40px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:0;bottom:0;overflow:visible}.vg__row:hover .vg__edge{opacity:1}.vg__edge--left{border-radius:4px 0 0 4px;left:0}.vg__edge--right{border-radius:0 4px 4px 0;right:0}.vg__edge:hover{background:#141414d9}.vg__edge svg{filter:drop-shadow(0 1px 3px #000c);transition:transform .2s}.vg__edge:hover svg{transform:scale(1.3)}.vg__edge--hidden{pointer-events:none;opacity:0!important}.vg__error{color:var(--t3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:120px 16px;display:flex}.vg__error-icon{color:var(--nf-red);opacity:.8}.vg__error p{color:var(--t2);font-size:16px}.vg__error button{background:var(--nf-red);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,transform .15s}.vg__error button:hover{background:var(--nf-red-dim);transform:scale(1.03)}.vg__pagination{justify-content:center;align-items:center;gap:12px;margin-top:48px;padding:0 4% 20px;display:flex}.vg__pg-btn{color:var(--t1);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.vg__pg-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.vg__pg-btn:disabled{opacity:.3;cursor:not-allowed}.vg__pg-nums{align-items:center;gap:4px;display:flex}.vg__pg-num{width:36px;height:36px;color:var(--t3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.vg__pg-num:hover{color:var(--t1);background:#ffffff1a}.vg__pg-num.active{background:var(--nf-red);color:#fff;border-color:var(--nf-red)}.vg__pg-ellipsis{color:var(--t4);padding:0 4px;font-size:14px}@media (width<=768px){.vg__tile{flex:0 0 calc(33.3333% - 2.66667px)}.vg__pg-nums{display:none}}@media (width<=480px){.vg__tile{flex:0 0 calc(50% - 2px)}}.app{background:var(--nf-black);min-height:100vh}.main-content{width:100%}