.new-page{padding:2rem 0}@media(max-width:768px){.new-page{padding:1rem 0}}.page-header{margin-bottom:2rem;text-align:center}.page-header .page-title{align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media(max-width:768px){.page-header .page-title{font-size:1.5rem}}.page-header .page-title .title-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;height:32px;transform:rotate(15deg);width:8px}.page-header .page-desc{color:#cbd5e1;font-size:1rem}@media(max-width:768px){.page-header .page-desc{font-size:.9rem}}.video-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:0 var(--container-padding)}@media screen and (max-width:768px){.video-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media screen and (max-width:480px){.video-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.video-card{animation:fadeIn .5s ease;backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-normal)}.video-card:hover{background:var(--bg-card-hover);border-color:var(--border-color);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.video-cover{background:var(--bg-tertiary);overflow:hidden;padding-top:150%;position:relative;width:100%}.cover-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-slow);width:100%}.video-card:hover .cover-image{transform:scale(1.1)}.card-gradient{background:var(--gradient-primary);height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.video-type{background:var(--gradient-primary);box-shadow:var(--shadow-md);font-weight:600;left:.5rem}.video-badge,.video-type{border-radius:6px;color:#fff;font-size:.75rem;padding:.25rem .75rem;position:absolute;top:.5rem;z-index:2}.video-badge{backdrop-filter:blur(10px);background:rgba(0,0,0,.7);font-weight:500;right:.5rem}.video-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-normal);z-index:1}.video-card:hover .video-overlay{opacity:1}.play-btn{align-items:center;backdrop-filter:blur(10px);background:rgba(99,102,241,.9);border-radius:50%;box-shadow:var(--shadow-glow);display:flex;height:60px;justify-content:center;transition:all var(--transition-normal);width:60px}.play-btn .play-icon{color:#fff;height:30px;width:30px}.video-card:hover .play-btn{transform:scale(1.1)}.video-info{padding:1rem}.video-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-title .title-link{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.video-title .title-link:hover{color:var(--primary-500)}.video-meta{color:var(--text-tertiary);font-size:.8rem;line-height:1.5}.video-time{color:#6366f1;font-size:.75rem;margin-top:.25rem}.empty-state{color:#94a3b8;padding:4rem 0;text-align:center}.empty-state .empty-icon{height:64px;margin-bottom:1rem;opacity:.5;width:64px}.empty-state .empty-text{font-size:1.125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}