.page{flex-direction:column;gap:2.5rem;width:100%;max-width:1600px;margin:0 auto;padding:3rem 3rem 6rem;display:flex}.page-header{text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding-top:.5rem;display:flex;position:relative}.back-link{background:var(--bg-card);border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:inline-flex;position:absolute;top:0;left:0}.back-link:hover{color:var(--purple-primary);background:#a855f714;border-color:#a855f74d}.page-header h1{letter-spacing:-1.8px;font-size:2.75rem;font-weight:800;line-height:1.1}.page-header h1 .gradient{padding:0 .12em .06em;display:inline-block}.video-count{color:var(--text-muted);letter-spacing:.2px;background:#a855f714;border:1px solid #a855f733;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .95rem;font-size:.78rem;font-weight:600;display:inline-flex}.video-count strong{color:var(--purple-primary);font-weight:800}@media (max-width:640px){.page-header{text-align:left;align-items:flex-start;padding-top:3.5rem}.page-header h1{font-size:2rem}}.pagination{flex-direction:column;align-items:center;gap:.85rem;display:flex}.pagination-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.pagination-info{color:var(--text-muted);letter-spacing:.3px;font-size:.78rem;font-weight:600}.pagination-wrapper .nav-btn{gap:.35rem;padding:0 .85rem}.pagination-wrapper .nav-btn svg{width:13px;height:13px}.pagination-wrapper a,.pagination-wrapper span{background:var(--bg-card);border:1px solid var(--border);min-width:36px;height:36px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;padding:0 .6rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pagination-wrapper a:hover{color:var(--purple-primary);background:#a855f71a;border-color:#a855f74d}.pagination-wrapper span[aria-current=page]{background:var(--purple-primary);border-color:var(--purple-primary);color:#fff}.pagination-wrapper span.disabled{opacity:.3;cursor:default}.video-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem;display:grid}.video-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.video-card:hover{border-color:#a855f74d;transform:translateY(-4px)}.video-thumb{aspect-ratio:16/9;cursor:pointer;border-bottom:1px solid var(--border);background:#0d0d1a;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.video-thumb:after{content:"";opacity:0;background:linear-gradient(#0000 55%,#0006 100%);transition:opacity .25s;position:absolute;inset:0}.video-card:hover .video-thumb:after{opacity:1}.video-badge{color:#fff;letter-spacing:1px;pointer-events:none;z-index:2;background:#5865f2d9;border-radius:6px;padding:.2rem .55rem;font-size:.6rem;font-weight:800;position:absolute;top:.75rem;right:.75rem}.video-info{flex-direction:column;gap:.4rem;padding:.9rem 1rem 1.1rem;display:flex}.video-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.video-title:hover{color:var(--purple-primary)}.video-meta{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;display:flex}.video-meta .dot{background:var(--text-muted);opacity:.6;border-radius:50%;flex-shrink:0;width:3px;height:3px}.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:5rem 2rem;font-size:1rem}@media (max-width:600px){.page{padding:2.5rem 1rem 5rem}.page-header h1{font-size:1.6rem}.video-grid{grid-template-columns:1fr}}