.hero[data-astro-cid-tjl6u7m5]{position:relative;padding:calc(80px + var(--space-16)) 0 var(--space-16);text-align:center;overflow:hidden}.hero-bg[data-astro-cid-tjl6u7m5]{position:absolute;inset:0;z-index:0}.hero-gradient[data-astro-cid-tjl6u7m5]{position:absolute;inset:0;background:var(--gradient-hero)}.hero[data-astro-cid-tjl6u7m5] .container[data-astro-cid-tjl6u7m5]{position:relative;z-index:1}.hero[data-astro-cid-tjl6u7m5] .badge[data-astro-cid-tjl6u7m5]{display:inline-flex;align-items:center;gap:var(--space-2)}.hero[data-astro-cid-tjl6u7m5] h1[data-astro-cid-tjl6u7m5]{font-size:var(--text-5xl);font-weight:800;margin:var(--space-4) 0}.hero-subtitle[data-astro-cid-tjl6u7m5]{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.videos-section[data-astro-cid-tjl6u7m5]{padding-top:var(--space-8)}.category-filter[data-astro-cid-tjl6u7m5]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12)}.filter-btn[data-astro-cid-tjl6u7m5]{padding:var(--space-2) var(--space-5);background:var(--bg-card);border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.filter-btn[data-astro-cid-tjl6u7m5]:hover{border-color:var(--color-primary-500);color:var(--text-primary)}.filter-btn[data-astro-cid-tjl6u7m5].active{background:var(--gradient-primary);border-color:transparent;color:#fff}.video-grid[data-astro-cid-tjl6u7m5]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.video-card[data-astro-cid-tjl6u7m5]{background:var(--bg-card);border:1px solid var(--color-neutral-800);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.video-card[data-astro-cid-tjl6u7m5]:hover{border-color:var(--color-primary-600);transform:translateY(-4px)}.video-card[data-astro-cid-tjl6u7m5].hidden{display:none}.video-thumbnail[data-astro-cid-tjl6u7m5]{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumbnail[data-astro-cid-tjl6u7m5] img[data-astro-cid-tjl6u7m5]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.video-card[data-astro-cid-tjl6u7m5]:hover .video-thumbnail[data-astro-cid-tjl6u7m5] img[data-astro-cid-tjl6u7m5]{transform:scale(1.05)}.play-overlay[data-astro-cid-tjl6u7m5]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--transition-base)}.video-card[data-astro-cid-tjl6u7m5]:hover .play-overlay[data-astro-cid-tjl6u7m5]{opacity:1}.play-btn[data-astro-cid-tjl6u7m5]{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:transform var(--transition-base)}.play-btn[data-astro-cid-tjl6u7m5]:hover{transform:scale(1.1)}.video-duration[data-astro-cid-tjl6u7m5]{position:absolute;bottom:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);background:#000c;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:#fff}.video-category-tag[data-astro-cid-tjl6u7m5]{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:#0009;backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-accent-400)}.video-info[data-astro-cid-tjl6u7m5]{padding:var(--space-5)}.video-info[data-astro-cid-tjl6u7m5] h3[data-astro-cid-tjl6u7m5]{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);line-height:1.4}.video-info[data-astro-cid-tjl6u7m5] p[data-astro-cid-tjl6u7m5]{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-date[data-astro-cid-tjl6u7m5]{font-size:var(--text-xs);color:var(--text-muted)}.videos-note[data-astro-cid-tjl6u7m5]{margin-top:var(--space-16);padding:var(--space-8);background:var(--bg-card);border:1px solid var(--color-neutral-800);border-radius:var(--radius-xl);text-align:center}.note-icon[data-astro-cid-tjl6u7m5]{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.videos-note[data-astro-cid-tjl6u7m5] h3[data-astro-cid-tjl6u7m5]{margin-bottom:var(--space-2)}.videos-note[data-astro-cid-tjl6u7m5] p[data-astro-cid-tjl6u7m5]{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2)}.videos-note[data-astro-cid-tjl6u7m5] code[data-astro-cid-tjl6u7m5]{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-accent-400)}.note-example[data-astro-cid-tjl6u7m5]{font-size:var(--text-sm)}.note-example[data-astro-cid-tjl6u7m5] strong[data-astro-cid-tjl6u7m5]{color:var(--color-primary-400)}.cta-section[data-astro-cid-tjl6u7m5]{padding-bottom:var(--space-24)}.cta-card[data-astro-cid-tjl6u7m5]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-12);background:var(--gradient-card);border:1px solid var(--color-neutral-800);border-radius:var(--radius-2xl)}.cta-content[data-astro-cid-tjl6u7m5] h2[data-astro-cid-tjl6u7m5]{margin-bottom:var(--space-2)}.cta-content[data-astro-cid-tjl6u7m5] p[data-astro-cid-tjl6u7m5]{color:var(--text-secondary)}.cta-actions[data-astro-cid-tjl6u7m5]{display:flex;gap:var(--space-4);flex-shrink:0}.video-modal[data-astro-cid-tjl6u7m5]{position:fixed;inset:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center}.video-modal[data-astro-cid-tjl6u7m5].open{display:flex}.modal-backdrop[data-astro-cid-tjl6u7m5]{position:absolute;inset:0;background:#000000e6}.modal-content[data-astro-cid-tjl6u7m5]{position:relative;width:90%;max-width:1000px}.modal-close[data-astro-cid-tjl6u7m5]{position:absolute;top:calc(-1 * var(--space-12));right:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--color-neutral-700);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.modal-close[data-astro-cid-tjl6u7m5]:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.video-container[data-astro-cid-tjl6u7m5]{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-xl)}.video-container[data-astro-cid-tjl6u7m5] iframe[data-astro-cid-tjl6u7m5]{position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:1024px){.video-grid[data-astro-cid-tjl6u7m5]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero[data-astro-cid-tjl6u7m5] h1[data-astro-cid-tjl6u7m5]{font-size:var(--text-4xl)}.video-grid[data-astro-cid-tjl6u7m5]{grid-template-columns:1fr}.cta-card[data-astro-cid-tjl6u7m5]{flex-direction:column;text-align:center}.cta-actions[data-astro-cid-tjl6u7m5]{flex-direction:column;width:100%}.cta-actions[data-astro-cid-tjl6u7m5] .btn[data-astro-cid-tjl6u7m5]{width:100%}}