.videos-hero.svelte-193fvw9{position:relative;background:#fff;margin-bottom:2rem;border-bottom:1px solid #eee}.hero-image-container.svelte-193fvw9{width:100%;height:400px;overflow:hidden;position:relative}.hero-img.svelte-193fvw9{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content.svelte-193fvw9{max-width:800px;margin:-4rem auto 2rem;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;text-align:center;position:relative;z-index:10}.videos-hero.svelte-193fvw9 h1:where(.svelte-193fvw9){font-size:2.8rem;margin-bottom:1rem;color:#2c3e50;font-weight:800}.hero-content.svelte-193fvw9 p:where(.svelte-193fvw9){font-size:1.1rem;color:#666;margin-bottom:1.5rem}.channel-btn.svelte-193fvw9{display:inline-block;margin-top:1.5rem;background:red;color:#fff;padding:.8rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:700;box-shadow:0 4px 6px #0003;transition:transform .2s}.channel-btn.svelte-193fvw9:hover{transform:scale(1.05);background:#c00}.videos-main.svelte-193fvw9{padding:4rem 0}.videos-grid.svelte-193fvw9{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.video-card.svelte-193fvw9{cursor:pointer}.video-thumbnail.svelte-193fvw9{position:relative;height:200px;overflow:hidden}.video-thumbnail.svelte-193fvw9 img:where(.svelte-193fvw9){width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card.svelte-193fvw9:hover .video-thumbnail:where(.svelte-193fvw9) img:where(.svelte-193fvw9){transform:scale(1.1)}.play-button.svelte-193fvw9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ff6f61e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;transition:all .3s ease}.video-card.svelte-193fvw9:hover .play-button:where(.svelte-193fvw9){transform:translate(-50%,-50%) scale(1.1);background:var(--primary-color)}.video-category.svelte-193fvw9{position:absolute;top:1rem;right:1rem;background:#000000b3;color:var(--white);padding:.375rem .75rem;border-radius:15px;font-size:.85rem}.video-content.svelte-193fvw9{padding:1.5rem}.video-content.svelte-193fvw9 h3:where(.svelte-193fvw9){color:var(--text-color);font-size:1.25rem}@media(max-width:768px){.videos-hero.svelte-193fvw9 h1:where(.svelte-193fvw9){font-size:2rem}.videos-grid.svelte-193fvw9{grid-template-columns:1fr}}