.pf-navbar{top:var(--preview-offset,0px);z-index:100;background:linear-gradient(#000c,#0000);padding:16px 48px;transition:background-color .3s;position:fixed;left:0;right:0}.pf-navbar-scrolled{background-color:#000000f2}.pf-navbar-container{justify-content:space-between;align-items:center;display:flex}.pf-navbar-left{align-items:center;gap:32px;display:flex}.pf-logo h1{cursor:pointer;color:var(--font-body);margin:0;font-size:1.75rem;font-weight:700}.pf-nav-links{color:var(--font-body);align-items:center;gap:24px;display:flex}.pf-nav-link{color:var(--font-body);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s}.pf-nav-link:hover{opacity:.7}.pf-navbar-right{align-items:center;gap:24px;display:flex}.pf-icon-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .3s;display:flex}.pf-user-avatar{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;overflow:hidden}.pf-signin-btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:background-color .3s}.pf-featured{height:70vh;min-height:500px;margin-top:0;position:relative;overflow:hidden}.pf-featured-background{background-position:50%;background-size:cover;transition:opacity .5s;position:absolute;inset:0}.pf-featured-gradient{background:linear-gradient(90deg,#000000f2 0%,#0000 50% 100%),linear-gradient(#0000 70%,#000000f2 100%);position:absolute;inset:0}.pf-featured-content{z-index:2;align-items:center;height:100%;padding:0 48px;display:flex;position:relative}.pf-featured-info{max-width:600px}.pf-featured-category{background-color:var(--stream-button-background);color:var(--stream-button-text);text-transform:uppercase;letter-spacing:1px;border-radius:2px;margin-bottom:16px;padding:4px 12px;font-size:.875rem;font-weight:700;display:inline-block}.pf-featured-title{text-shadow:2px 2px 8px #000c;margin:16px 0 30px;font-size:4rem;font-weight:700;line-height:1.1}.pf-featured-description{text-shadow:1px 1px 4px #000c;max-width:500px;margin:0 0 24px;font-size:1.25rem;line-height:1.6}.pf-featured-actions{gap:16px;display:flex}.pf-btn-play,.pf-btn-info{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:12px;padding:12px 32px;font-size:1.125rem;font-weight:600;transition:all .3s;display:flex}.pf-btn-play{color:#000;background-color:#fff;border-radius:30px}.pf-btn-play:hover{background-color:#ffffffbf}.pf-btn-info{color:#fff;background-color:#6d6d6eb3}.pf-btn-info:hover{background-color:#6d6d6e66}.pf-featured-arrow{cursor:pointer;z-index:10;background-color:#00000080;border:none;border-radius:4px;padding:16px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.pf-featured-arrow:hover{background-color:#000c;transform:translateY(-50%)scale(1.1)}.pf-featured-arrow-left{left:24px}.pf-featured-arrow-right{right:24px}.pf-featured-indicators{z-index:10;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.pf-indicator{cursor:pointer;background-color:#ffffff80;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.pf-indicator-active{background-color:var(--hightlight);transform:scale(1.2)}.pf-categories{background-color:#0000004d;padding:24px 48px}.pf-categories-container{align-items:center;display:flex;position:relative}.pf-categories-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:0 48px;display:flex;overflow-x:auto}.pf-categories-scroll::-webkit-scrollbar{display:none}.pf-category-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:24px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .3s}.pf-category-btn:hover{background-color:#fff3;border-color:#ffffff80}.pf-categories-arrow{color:#fff;cursor:pointer;z-index:10;background-color:#000000b3;border:none;border-radius:4px;padding:8px;transition:background-color .3s;position:absolute}.pf-categories-arrow:hover{background-color:#000000e6}.pf-categories-arrow-left{left:0}.pf-categories-arrow-right{right:0}.pf-video-row{padding:32px 48px}.pf-row-title{margin:0 0 16px;font-size:1.5rem;font-weight:700}.pf-row-container{position:relative}.pf-row-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.pf-row-scroll::-webkit-scrollbar{display:none}.pf-row-item{flex:none;width:300px}.pf-row-arrow{color:#fff;cursor:pointer;z-index:10;background-color:#000000b3;border:none;height:100%;padding:16px 8px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.pf-row-arrow:hover{background-color:#000000e6}.pf-row-arrow-left{left:0}.pf-row-arrow-right{right:0}.pf-video-card{cursor:pointer;border-radius:4px;transition:all .3s;position:relative;overflow:hidden}.pf-video-card-hovered{z-index:20;transform:scale(1.05)}.pf-video-thumbnail{width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.pf-video-image{background-position:50%;background-size:cover;position:absolute;inset:0}.pf-video-gradient{background:linear-gradient(#0000 50%,#000c 100%);position:absolute;inset:0}.pf-progress-bar{background-color:#ffffff4d;height:4px;position:absolute;bottom:0;left:0;right:0}.pf-progress-fill{background-color:var(--hightlight);height:100%;transition:width .3s}.pf-video-preview{background-color:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.pf-preview-play{color:#fff;opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pf-video-info{background-color:#000c;border-radius:0 0 4px 4px;padding:12px}.pf-video-actions{gap:8px;margin-bottom:12px;animation:.3s fadeIn;display:flex}.pf-action-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.pf-action-btn:hover{background-color:#ffffff1a;border-color:#fff}.pf-action-play{color:#000;background-color:#fff;border-color:#fff}.pf-action-play:hover{background-color:#fffc}.pf-video-title{color:#fff;margin:0 0 6px;font-size:.875rem;font-weight:600;line-height:1.3}.pf-video-category{color:var(--hightlight);font-size:.75rem;font-weight:600}@media (max-width:1024px){.pf-navbar{padding:16px 24px}.pf-nav-links{display:none}.pf-featured{height:60vh}.pf-featured-title{font-size:2.5rem}.pf-featured-description{font-size:1rem}.pf-video-row{padding:24px}.pf-row-item{width:250px}}@media (max-width:768px){.pf-navbar{padding:12px 16px}.pf-logo h1{font-size:1.25rem}.pf-featured{height:50vh}.pf-featured-content{padding:0 24px}.pf-featured-title{font-size:2rem}.pf-featured-description{font-size:.875rem}.pf-btn-play,.pf-btn-info{padding:8px 20px;font-size:.875rem}.pf-video-row{padding:16px}.pf-row-item{width:180px}.pf-row-title{font-size:1.125rem}}.pf-container{background-color:var(--bg);width:100%;min-height:100vh}