.no-results,.pagination,.popular-tags,.video-card,.video-categories-filter,.videos-filters,.videos-grid,.videos-info,.videos-page{--vg-primary:#e91e63;--vg-primary-rgb:233,30,99;--vg-gradient:linear-gradient(135deg,#e91e63,#ff4081);--vg-gradient-alt:linear-gradient(135deg,#ff9800,#ff5722);--vg-success:linear-gradient(135deg,#4caf50,#66bb6a);--vg-card-bg:hsla(0,0%,100%,.03);--vg-card-border:hsla(0,0%,100%,.08);--vg-hover:hsla(0,0%,100%,.08);--vg-text:#fff;--vg-text-dim:hsla(0,0%,100%,.85);--vg-text-muted:hsla(0,0%,100%,.6);--vg-blur:12px;--vg-timing:0.3s cubic-bezier(0.4,0,0.2,1);--vg-shadow-1:0 2px 8px rgba(0,0,0,.15);--vg-shadow-2:0 4px 16px rgba(0,0,0,.2);--vg-shadow-3:0 8px 32px rgba(0,0,0,.3);--vg-shadow-4:0 12px 48px rgba(0,0,0,.4);--vg-r-sm:8px;--vg-r-md:12px;--vg-r-lg:16px;--vg-r-xl:20px}.videos-page{min-height:100vh;padding:clamp(1rem,3vw,2rem) 0 clamp(2rem,5vw,4rem)}.page-header{margin-bottom:clamp(2rem,4vw,3rem);padding:0 1rem;text-align:center}.page-header h1{background:var(--vg-gradient);-webkit-background-clip:text;color:var(--vg-text);font-family:Oswald,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:.5px;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--vg-text-dim);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6;margin:0 auto;max-width:700px}.video-stats-summary{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:2rem auto 0;max-width:600px;padding:0 1rem}.video-stats-summary .stat-item{background:var(--vg-card-bg);border:1px solid var(--vg-card-border);border-radius:var(--vg-r-md);padding:1rem;text-align:center;transition:all var(--vg-timing)}.video-stats-summary .stat-item:hover{background:var(--vg-hover);border-color:rgba(var(--vg-primary-rgb),.3);box-shadow:var(--vg-shadow-2);transform:translateY(-4px)}.video-stats-summary .stat-number{background:var(--vg-gradient);-webkit-background-clip:text;display:block;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;font-family:Oswald,sans-serif;line-height:1.2}.video-stats-summary .stat-label{color:var(--vg-text-muted);display:block;font-size:clamp(.8rem,1.5vw,.9rem);font-weight: 700;letter-spacing:1px;margin-top:.5rem;text-transform:uppercase}:root{--cat-bg:#0b0e12;--cat-card:#362736;--cat-text:#e6ebf2;--cat-dim:#97a3b2;--cat-accent:#60a5ff;--cat-accent-2:#3ddc97;--cat-brd:#544754;--cat-shadow:0 8px 22px rgba(0,0,0,.35)}.video-categories-filter{background:var(--cat-card);border:1px solid var(--cat-brd);border-radius:14px;box-shadow:var(--cat-shadow);margin:12px 0 18px;padding:10px}.video-categories-filter>div{display:flex;flex-wrap:wrap;gap:8px}.category-filter-btn{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid var(--cat-brd);border-radius:999px;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.03);color:var(--cat-text);display:inline-flex;font-size:13.5px;font-weight: 700;gap:8px;height:34px;line-height:1;max-width:220px;overflow:hidden;padding:0 12px;text-decoration:none;transition:border-color .12s ease,background-color .12s ease,transform .1s ease}.category-filter-btn .category-icon{font-size:16px;opacity:.9;translate:0 .5px}.category-filter-btn .category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-filter-btn .category-count{align-items:center;background:rgba(96,165,255,.14);border:1px solid rgba(96,165,255,.35);border-radius:999px;color:var(--cat-accent);display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:800;height:20px;justify-content:center;margin-left:2px;min-width:20px;padding:0 6px}.category-filter-btn:hover{background:color-mix(in oklab,var(--cat-accent) 12%,transparent);border-color:color-mix(in oklab,var(--cat-accent) 45%,var(--cat-brd));transform:translateY(-1px)}.category-filter-btn:active{transform:translateY(0)}.category-filter-btn.active{background:color-mix(in oklab,var(--cat-accent) 18%,transparent);border-color:color-mix(in oklab,var(--cat-accent) 65%,var(--cat-brd))}.category-filter-btn.active .category-count{background:color-mix(in oklab,var(--cat-accent) 24%,transparent);border-color:color-mix(in oklab,var(--cat-accent) 60%,transparent);color:var(--cat-text)}.category-filter-btn:focus-visible{box-shadow:0 0 0 2px var(--cat-card),0 0 0 4px color-mix(in oklab,var(--cat-accent) 70%,transparent);outline:none}.video-categories{gap:6px;margin-top:8px}.category-badge{background:hsla(0,0%,100%,.04);border:1px solid var(--cat-brd);border-radius:999px;color:var(--cat-dim);font-size:12px;font-weight:700;gap:6px;line-height:1;max-width:200px;overflow:hidden;padding:6px 10px;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .1s ease}.category-badge .category-icon{font-size:14px;opacity:.8;translate:0 .5px}.category-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-badge:hover{background:color-mix(in oklab,var(--cat-accent-2) 14%,transparent);border-color:color-mix(in oklab,var(--cat-accent-2) 50%,var(--cat-brd));color:var(--cat-text)}.category-badge:active{transform:translateY(0)}@media (max-width:600px){.category-filter-btn{font-size:13px;height:32px;padding:0 10px}.category-filter-btn .category-count{display:none}.category-badge{font-size:11.5px;max-width:160px;padding:5px 9px}}@media (prefers-reduced-motion:reduce){.category-badge,.category-filter-btn{transition:none}}.videos-filters{backdrop-filter:blur(var(--vg-blur));background:var(--vg-card-bg);border:1px solid var(--vg-card-border);border-radius:var(--vg-r-lg);box-shadow:var(--vg-shadow-1);margin:0;padding:clamp(1rem,2vw,1.5rem)}.filters-form{align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--vg-text-muted);font-size:.85rem;font-weight: 700;letter-spacing:.5px;text-transform:uppercase}.filter-group input[type=text],.filter-group select{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--vg-r-sm);color:var(--vg-text);font-family:inherit;font-size:.95rem;padding:.85rem 1rem;transition:all var(--vg-timing)}.filter-group input[type=text]:focus,.filter-group select:focus{background:hsla(0,0%,100%,.08);border-color:var(--vg-primary);box-shadow:0 0 0 3px rgba(var(--vg-primary-rgb),.15);outline:none}.filter-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.filter-group select option{background:#1a1a1a;color:var(--vg-text)}.search-group{grid-column:span 2;min-width:0;position:relative}.search-input{padding-right:3.5rem;width:100%}.search-btn{align-items:center;background:var(--vg-gradient);border:none;border-radius:var(--vg-r-sm);bottom:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.6rem 1rem;position:absolute;right:.5rem;transition:all var(--vg-timing)}.search-btn:hover{box-shadow:0 4px 12px rgba(var(--vg-primary-rgb),.4);transform:scale(1.05)}.checkbox-group label{align-items:center;border-radius:var(--vg-r-sm);cursor:pointer;display:flex;gap:.6rem;padding:.5rem;transition:background var(--vg-timing)}.checkbox-group label:hover{background:hsla(0,0%,100%,.05)}.checkbox-group input[type=checkbox]{accent-color:var(--vg-primary);cursor:pointer;height:20px;width:20px}.reset-filters-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--vg-r-sm);color:var(--vg-text-dim);display:inline-flex;font-size:.95rem;font-weight: 400;gap:.5rem;padding:.85rem 1.5rem;text-decoration:none;transition:all var(--vg-timing)}.reset-filters-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.popular-tags{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:0 1rem 2rem}.tags-label{color:var(--vg-text-muted);font-size:.85rem;font-weight: 700;letter-spacing:.5px;text-transform:uppercase}.tags-list{display:flex;flex-wrap:wrap;gap:.6rem}.tag-link{align-items:center;background:var(--vg-card-bg);border:1px solid var(--vg-card-border);border-radius:var(--vg-r-xl);color:var(--vg-text-dim);display:inline-flex;font-size:.85rem;font-weight: 400;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all var(--vg-timing)}.tag-link:hover{background:var(--vg-hover);border-color:rgba(var(--vg-primary-rgb),.3);box-shadow:var(--vg-shadow-1);transform:translateY(-2px)}.tag-link.active{background:var(--vg-gradient);border-color:transparent;box-shadow:0 4px 12px rgba(var(--vg-primary-rgb),.3);color:var(--vg-text)}.tag-count{background:hsla(0,0%,100%,.15);border-radius:10px;font-size:.7rem;font-weight:700;padding:.15rem .5rem}.tag-link.active .tag-count{background:hsla(0,0%,100%,.25)}.videos-info{background:var(--vg-card-bg);border:1px solid var(--vg-card-border);border-radius:var(--vg-r-md);margin:0 1rem 2rem;padding:1rem;text-align:center}.videos-info p{color:var(--vg-text-dim);font-size:.95rem;margin:0}.videos-info strong{background:var(--vg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.videos-grid{display:grid;gap:clamp(1rem,2vw,2rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-bottom:3rem;padding:0 1rem}.video-card{backdrop-filter:blur(var(--vg-blur));background:var(--vg-card-bg);border:1px solid var(--vg-card-border);border-radius:var(--vg-r-lg);opacity:0;overflow:hidden;transform:translateY(20px);transition:all var(--vg-timing)}.video-card.visible{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.video-card:hover{border-color:rgba(var(--vg-primary-rgb),.3);box-shadow:var(--vg-shadow-4);transform:translateY(-8px)}.video-thumbnail{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-thumbnail a{inset:0;position:absolute}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.video-card:hover .video-thumbnail img{transform:scale(1.08)}.video-duration{backdrop-filter:blur(8px);background:rgba(0,0,0,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--vg-r-sm);bottom:.75rem;color:#fff;font-family:Oswald,monospace;font-size:.8rem;font-weight:700;padding:.4rem .8rem;position:absolute;right:.75rem}.play-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.3);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--vg-timing)}.video-card:hover .play-overlay{opacity:1}.play-overlay svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));transform:scale(1);transition:transform var(--vg-timing)}.video-card:hover .play-overlay svg{transform:scale(1.1)}.featured-badge{align-items:center;backdrop-filter:blur(8px);background:var(--vg-gradient-alt);border-radius:var(--vg-r-sm);box-shadow:0 4px 16px rgba(255,152,0,.5);color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:.3rem;left:.75rem;padding:.4rem .8rem;position:absolute;top:.75rem;z-index:1}.video-info{padding:1.25rem}.video-title{display:-webkit-box;font-size:1.05rem;font-weight: 700;line-height:1.4;margin:0 0 .75rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-badge{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--vg-r-xl);color:var(--vg-text-dim);display:inline-flex;font-size:.75rem;font-weight: 400;gap:.35rem;padding:.35rem .75rem;text-decoration:none;transition:all var(--vg-timing)}.category-badge:hover{background:rgba(var(--vg-primary-rgb),.15);border-color:rgba(var(--vg-primary-rgb),.3);color:var(--vg-primary);transform:translateY(-1px)}.category-icon{font-size:.85rem}.video-stats{align-items:center;color:var(--vg-text-muted);display:flex;font-size:.8rem;gap:1rem}.video-stats .stat-item{align-items:center;display:flex;gap:.35rem}.video-stats svg{opacity:.6}.no-results{backdrop-filter:blur(var(--vg-blur));background:var(--vg-card-bg);border:2px dashed var(--vg-card-border);border-radius:var(--vg-r-lg);margin:0 1rem;padding:clamp(3rem,6vw,5rem) 2rem;text-align:center}.no-results-icon{animation:float 3s ease-in-out infinite;font-size:clamp(3rem,6vw,4rem);margin-bottom:1.5rem;opacity:.4}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-results h3{color:var(--vg-text);font-family:Oswald,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;margin-bottom:.75rem}.no-results p{color:var(--vg-text-muted);font-size:1rem;margin-bottom:2rem}.no-results .btn{background:var(--vg-gradient);border-radius:var(--vg-r-md);box-shadow:0 4px 20px rgba(var(--vg-primary-rgb),.3);color:#fff;display:inline-block;font-weight: 700;padding:1rem 2rem;text-decoration:none;transition:all var(--vg-timing)}.no-results .btn:hover{box-shadow:0 6px 28px rgba(var(--vg-primary-rgb),.4);transform:translateY(-2px)}.pagination{flex-wrap:wrap;gap:.5rem;margin:3rem 1rem 0}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{backdrop-filter:blur(var(--vg-blur));background:var(--vg-card-bg);border:1px solid var(--vg-card-border);border-radius:var(--vg-r-md);color:var(--vg-text-dim);font-weight: 700;height:48px;min-width:48px;padding:.5rem 1rem;text-decoration:none;transition:all var(--vg-timing)}.page-btn:hover:not(.current){background:var(--vg-hover);border-color:rgba(var(--vg-primary-rgb),.3);box-shadow:var(--vg-shadow-1);transform:translateY(-2px)}.page-btn.current{background:var(--vg-gradient);border-color:transparent;box-shadow:0 4px 20px rgba(var(--vg-primary-rgb),.4);color:var(--vg-text);cursor:default}.page-btn.next,.page-btn.prev{font-weight:700;padding:.5rem 1.5rem}.page-dots{color:var(--vg-text-muted);padding:0 .5rem}.seo-text{backdrop-filter:blur(var(--vg-blur));background:var(--vg-card-bg);border:1px solid var(--vg-card-border);border-radius:var(--vg-r-lg);margin:4rem 1rem 0;padding:clamp(1.5rem,3vw,2.5rem)}.seo-text h2{color:var(--vg-text);font-family:Oswald,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1.25rem}.seo-text p{color:var(--vg-text-dim);font-size:1rem;line-height:1.8;margin-bottom:1rem}.seo-text p:last-child{margin-bottom:0}@media (max-width:768px){.filters-form{grid-template-columns:1fr}.search-group{grid-column:span 1}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.pagination{gap:.35rem}.page-btn{font-size:.9rem;height:40px;min-width:40px}.page-btn.next,.page-btn.prev{padding:.5rem 1rem}}@media (max-width:480px){.video-categories-filter:after,.video-categories-filter:before{width:20px}.category-filter-btn{font-size:.85rem;padding:.6rem 1rem}.videos-grid{gap:1.5rem;grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.no-results,.pagination,.popular-tags,.video-card,.video-categories-filter,.videos-filters,.videos-grid,.videos-info,.videos-page{--vg-card-bg:hsla(0,0%,100%,.04);--vg-card-border:hsla(0,0%,100%,.1);--vg-hover:hsla(0,0%,100%,.1)}}.category-filter-btn:focus,.page-btn:focus,.search-btn:focus,.tag-link:focus,.video-card:focus-within{outline:3px solid rgba(var(--vg-primary-rgb),.5);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.pagination,.popular-tags,.video-stats-summary,.videos-filters{display:none}.videos-grid{grid-template-columns:repeat(2,1fr)}.video-card{break-inside:avoid}}.video-card.loading{opacity:.6;pointer-events:none}.video-card.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.videos-page ::-webkit-scrollbar{height:8px;width:8px}.videos-page ::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.videos-page ::-webkit-scrollbar-thumb{background:rgba(var(--vg-primary-rgb),.5);border-radius:4px}.videos-page ::-webkit-scrollbar-thumb:hover{background:rgba(var(--vg-primary-rgb),.7)}@media (prefers-contrast:high){.video-card,.videos-grid,.videos-page{--vg-card-border:hsla(0,0%,100%,.3);--vg-text-dim:hsla(0,0%,100%,.95)}.no-results,.video-card,.videos-filters{border-width:2px}}@media (hover:none) and (pointer:coarse){.category-filter-btn,.page-btn,.search-btn,.tag-link{min-height:44px}.search-btn{min-width:44px}}