.page-header{background-color:var(--color-secondary);padding:var(--spacing-3xl) 0 var(--spacing-2xl);text-align:center;color:var(--color-white);}.page-header h1{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:var(--font-size-4xl);}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:rgba(255,255,255,0.8);}.breadcrumb a{color:var(--color-white);transition:var(--transition-normal);}.breadcrumb a:hover{color:var(--color-primary);}.breadcrumb i{font-size:var(--font-size-xs);}.page-content{padding:var(--spacing-4xl) 0;background-color:var(--color-gray-light);}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;}.video-card{background-color:var(--color-white);border-radius:8px;overflow:hidden;border:1px solid #eee;}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000;}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}.video-info{padding:20px;}.video-info h3{font-size:16px;font-weight:600;color:#333;margin:0;line-height:1.5;}@media (max-width:768px){.video-grid{grid-template-columns:1fr;gap:20px;}.page-header{padding:var(--spacing-2xl) 0 var(--spacing-xl);}.page-header h1{font-size:var(--font-size-3xl);}}