:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-pro: #f59e0b;--radius: .75rem;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:600;font-size:1.1rem}.logo-icon{font-size:1.5rem}.lang-switcher{display:flex;gap:.5rem}.lang-switcher a{padding:.4rem .8rem;border-radius:.5rem;text-decoration:none;color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:all .2s}.lang-switcher a:hover,.lang-switcher a.active{background:var(--color-primary);color:#fff}main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.hero{text-align:center;padding:3rem 1rem}.hero h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--color-text)}.hero p{font-size:1.25rem;color:var(--color-text-muted)}.category{margin-bottom:3rem}.category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.category-header h2{font-size:1.25rem;font-weight:600}.category-icon{font-size:1.25rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.video-card{background:var(--color-bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;cursor:pointer}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.video-thumbnail{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;width:60px;height:60px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform .2s}.video-card:hover .play-button{transform:scale(1.1)}.video-info{padding:1rem}.video-title{font-weight:600;margin-bottom:.25rem;font-size:1rem}.video-meta{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:.875rem}.video-duration{display:flex;align-items:center;gap:.25rem}.badge-pro{background:var(--color-pro);color:#fff;padding:.15rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase}.video-modal{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:2rem}.video-modal video{max-width:100%;max-height:70vh;border-radius:var(--radius)}.video-modal-close{position:absolute;top:1rem;right:1rem;background:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10}.video-modal-close:hover{background:#f0f0f0}footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:1.5rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:1rem;color:var(--color-text-muted);font-size:.875rem}.footer-content a{color:var(--color-text-muted);text-decoration:none}.footer-content a:hover{color:var(--color-primary)}[dir=rtl]{text-align:right}[dir=rtl] .header-content,[dir=rtl] .video-meta{flex-direction:row-reverse}@media (max-width: 768px){.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.video-grid{grid-template-columns:1fr}.header-content{padding:1rem}main{padding:1rem}}.placeholder-thumb[data-astro-cid-jiv5bzwy]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.video-container[data-astro-cid-fibhbjep]{display:flex;align-items:center;gap:1rem;max-width:100%}.video-nav[data-astro-cid-fibhbjep]{background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.video-nav[data-astro-cid-fibhbjep]:hover{background:#fff;transform:scale(1.1)}.video-nav[data-astro-cid-fibhbjep]:disabled{opacity:.3;cursor:not-allowed;transform:none}.video-title-bar[data-astro-cid-fibhbjep]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-top:1rem;padding:0 60px;color:#fff;font-size:.9rem}#video-title[data-astro-cid-fibhbjep]{font-weight:500}#video-counter[data-astro-cid-fibhbjep]{opacity:.7}