.videos-page.svelte-qu5i5p{padding:var(--space-3xl) 0;min-height:60vh}.page-header.svelte-qu5i5p{text-align:center;margin-bottom:var(--space-2xl)}.page-header.svelte-qu5i5p h1:where(.svelte-qu5i5p){font-size:var(--text-4xl);color:var(--color-dark);margin-bottom:var(--space-sm)}.page-subtitle.svelte-qu5i5p{font-family:var(--font-script);color:var(--color-text-light);font-size:var(--text-xl)}.category-filters.svelte-qu5i5p{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap}.filter-btn.svelte-qu5i5p{padding:var(--space-xs) var(--space-lg);border-radius:100px;border:1px solid var(--color-border);background:var(--color-light);color:var(--color-text);font-size:var(--text-sm);font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all var(--transition-base)}.filter-btn.svelte-qu5i5p:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active.svelte-qu5i5p{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-light)}.video-grid.svelte-qu5i5p{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-xl)}.video-card.svelte-qu5i5p{display:flex;flex-direction:column}.video-container.svelte-qu5i5p{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--color-border);box-shadow:var(--shadow-sm)}.video-container.svelte-qu5i5p iframe:where(.svelte-qu5i5p){position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-facade.svelte-qu5i5p{position:absolute;top:0;left:0;width:100%;height:100%;border:none;padding:0;cursor:pointer;background:var(--color-dark)}.video-facade.svelte-qu5i5p img:where(.svelte-qu5i5p){width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}.video-facade.svelte-qu5i5p:hover img:where(.svelte-qu5i5p){opacity:.8}.play-btn.svelte-qu5i5p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fffffff2;color:var(--color-primary);display:flex;align-items:center;justify-content:center;padding-left:1px;box-shadow:0 2px 12px #00000040;transition:transform var(--transition-base),box-shadow var(--transition-base)}.video-facade.svelte-qu5i5p:hover .play-btn:where(.svelte-qu5i5p){transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 20px #0000004d}.video-label.svelte-qu5i5p{margin-top:var(--space-md);font-size:var(--text-base);font-weight:500;color:var(--color-dark);text-align:center}@media (max-width: 599px){.video-grid.svelte-qu5i5p{grid-template-columns:1fr}}