.watch-page{padding:var(--space-lg) var(--space-xl);max-width:var(--content-max-width);min-height:60vh;margin:0 auto;animation:.6s ease-out watchFadeIn}@keyframes watchFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.watch-header{margin-bottom:var(--space-2xl);text-align:center}.watch-header__title{font-family:var(--font-display);font-size:var(--font-size-3xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text}.watch-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-normal)}.watch-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.watch-grid-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);animation:.5s ease-out both watchCardReveal;position:relative;overflow:hidden}.watch-grid-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-primary);border-color:var(--color-primary-dim);transform:translateY(-6px)scale(1.02)}.watch-grid-card:active{transform:translateY(-2px)scale(.99)}@keyframes watchCardReveal{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.watch-grid-card:first-child{animation-delay:50ms}.watch-grid-card:nth-child(2){animation-delay:.1s}.watch-grid-card:nth-child(3){animation-delay:.15s}.watch-grid-card:nth-child(4){animation-delay:.2s}.watch-grid-card:nth-child(5){animation-delay:.25s}.watch-grid-card:nth-child(6){animation-delay:.3s}.watch-grid-card:nth-child(7){animation-delay:.35s}.watch-grid-card:nth-child(8){animation-delay:.4s}.watch-grid-card__image-wrapper{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.watch-grid-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.watch-grid-card:hover .watch-grid-card__image{transform:scale(1.08)}.watch-grid-card__overlay{background:var(--gradient-card-overlay);padding:var(--space-lg);align-items:flex-end;display:flex;position:absolute;inset:0}.watch-grid-card__title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-text-primary);text-shadow:0 2px 8px #0009;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}[dir=rtl] .watch-grid-card__title{font-family:var(--font-arabic);letter-spacing:0}.watch-grid-card a{color:inherit;text-decoration:none;display:block}.video-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.video-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);animation:.5s ease-out both watchCardReveal;position:relative;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-primary);border-color:#d4af3740;transform:translateY(-4px)}.video-card:active{transform:translateY(-1px)}.video-card__thumbnail-wrapper{aspect-ratio:16/9;background:var(--color-surface-elevated);width:100%;position:relative;overflow:hidden}.video-card__thumbnail{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.video-card:hover .video-card__thumbnail{transform:scale(1.06)}.video-card__play-overlay{opacity:0;transition:opacity var(--transition-base);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card:hover .video-card__play-overlay{opacity:1}.video-card__play-btn{border-radius:var(--radius-full);background:var(--gradient-primary);width:56px;height:56px;box-shadow:var(--shadow-md), var(--shadow-glow-primary);transition:transform var(--transition-bounce);justify-content:center;align-items:center;display:flex}.video-card:hover .video-card__play-btn{transform:scale(1.1)}.video-card__play-btn svg{width:24px;height:24px;fill:var(--color-text-inverse);margin-inline-start:3px}.video-card__badges{top:var(--space-sm);gap:var(--space-xs);z-index:var(--z-base);display:flex;position:absolute;inset-inline-end:var(--space-sm)}.video-card__badge{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;-webkit-backdrop-filter:blur(12px);font-weight:700;line-height:1.4}.video-card__badge--practice{background:var(--color-accent-dim);color:var(--color-accent-hover);border:1px solid #9d65c94d}.video-card__badge--premium{background:var(--color-primary-dim);color:var(--color-primary-hover);border:1px solid #d4af374d}.video-card__body{padding:var(--space-md) var(--space-lg)}.video-card__title{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:600;line-height:var(--line-height-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.watch-empty{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:40vh;animation:.5s ease-out watchFadeIn;display:flex}.watch-empty__icon{border-radius:var(--radius-full);background:var(--color-primary-dim);width:72px;height:72px;margin-bottom:var(--space-sm);justify-content:center;align-items:center;display:flex}.watch-empty__icon svg{width:32px;height:32px;stroke:var(--color-primary)}.watch-empty__text{color:var(--color-text-secondary);font-size:var(--font-size-md);text-align:center}.watch-breadcrumb{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.watch-breadcrumb a{color:var(--color-primary);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.watch-breadcrumb a:hover{color:var(--color-primary-hover);text-decoration:underline}.watch-breadcrumb__separator{color:var(--color-text-muted);font-size:var(--font-size-sm)}[dir=rtl] .watch-breadcrumb__separator{transform:scaleX(-1)}.watch-breadcrumb__current{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width:1200px){.watch-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.watch-page{padding:var(--space-md) var(--space-md)}.watch-header__title{font-size:var(--font-size-2xl)}.watch-header__subtitle{font-size:var(--font-size-base)}.watch-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.video-grid{gap:var(--space-md);grid-template-columns:1fr}.video-card__play-btn{width:48px;height:48px}.video-card__play-btn svg{width:20px;height:20px}}@media (max-width:480px){.watch-page{padding:var(--space-sm) var(--space-sm)}.watch-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.watch-grid-card__overlay{padding:var(--space-sm)}.watch-grid-card__title{font-size:var(--font-size-sm)}.video-card__body{padding:var(--space-sm) var(--space-md)}}.watch-page::-webkit-scrollbar{width:6px}.watch-page::-webkit-scrollbar-track{background:0 0}.watch-page::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}