:root{--color-bg:#f8f8f8;--color-bg-alt:#fff;--color-ink:#000;--color-ink-soft:#2d3748;--color-muted:#718096;--color-line:#f1f5f9;--color-line-strong:#e2e8f0;--color-accent:#d30104;--color-accent-strong:#a30000;--color-accent-soft:#f60403;--color-accent-light:#d78b89;--color-chip:#edf2f7;--color-chip-ink:#1a202c;--color-chip-active:#000;--color-chip-active-ink:#fff;--font-body:var(--font-body,"Tajawal"),"Inter","Segoe UI",Tahoma,"Noto Sans Arabic",system-ui,-apple-system,sans-serif;--font-display:var(--font-display,"Cairo"),"Tajawal","Inter","Noto Naskh Arabic",Tahoma,sans-serif;--font-latin:var(--font-latin,"Inter"),system-ui,-apple-system,sans-serif;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-full:8px;--shadow-sm:0 0 0 transparent;--shadow-md:1px 1px 5px 0 rgba(1,1,1,.05);--shadow-lg:1px 1px 8px 0 rgba(1,1,1,.08);--container-max:1800px;--container-narrow:1200px;--gutter:clamp(14px,4vw,32px);--tap-target:44px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.8;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}::selection{color:#fff;background:var(--color-accent)}img,picture,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent-strong);text-decoration:underline;text-decoration-thickness:1.5px}button{font:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:900;line-height:1.33;letter-spacing:-.005em;color:var(--color-ink)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--container-narrow)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;inset-inline-start:8px;background:var(--color-ink);color:#fff;padding:10px 14px;z-index:100;transition:top .12s ease;min-height:var(--tap-target);display:inline-flex;align-items:center}.skip-link:focus{top:8px}.site-main{min-height:60vh;padding-bottom:max(48px,env(safe-area-inset-bottom))}.loading{text-align:center;color:var(--color-muted);padding:32px 0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--color-bg-alt);padding-top:env(safe-area-inset-top)}.site-header,.site-header__top{border-bottom:1px solid var(--color-line)}.site-header__top{background:var(--color-bg);color:var(--color-ink);font-size:.78rem}.site-header__top-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-block:6px}.site-header__tagline{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--color-ink-soft)}.site-header__flash{color:var(--color-accent);font-weight:700;font-size:.78rem;padding-inline:10px;padding-block:4px;border:1px solid var(--color-accent);white-space:nowrap;flex-shrink:0;transition:background .12s ease,color .12s ease}.site-header__flash:hover{background:var(--color-accent);color:#fff;text-decoration:none}.site-header__flash-long{display:none}.site-header__brand-bar{background:var(--color-bg-alt)}.site-header__brand-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding-block:14px;min-height:72px}.site-header__brand{display:inline-flex;align-items:center;gap:10px;justify-self:center;min-height:var(--tap-target);color:var(--color-ink)}.site-header__brand:hover{text-decoration:none}.site-header__logo{height:auto;width:clamp(140px,38vw,220px);object-fit:contain}.site-header__section{font-family:var(--font-display);font-weight:800;color:var(--color-accent);font-size:clamp(.95rem,2.5vw,1.2rem);-webkit-border-start:2px solid var(--color-accent);border-inline-start:2px solid var(--color-accent);-webkit-padding-start:10px;padding-inline-start:10px;line-height:1}.site-header__back{justify-self:start;color:var(--color-ink);border:1px solid var(--color-line-strong);display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-target);min-height:var(--tap-target);padding-inline:12px;font-size:1.05rem;flex-shrink:0;transition:border-color .12s ease,color .12s ease}.site-header__back:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.site-header__back-long{display:none}.site-header__spacer{justify-self:end;min-width:var(--tap-target)}.site-header__nav{background:var(--color-bg-alt);border-top:1px solid var(--color-line)}.site-header__nav-inner{display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.site-header__nav-link{position:relative;display:inline-flex;align-items:center;white-space:nowrap;padding:12px 14px;min-height:var(--tap-target);color:var(--color-ink);font-family:var(--font-display);font-size:.92rem;font-weight:700;transition:color .12s ease}.site-header__nav-link:after{content:"";position:absolute;inset-inline:14px;bottom:0;height:3px;background:transparent;transition:background .12s ease}.site-header__nav-link:hover{color:var(--color-accent);text-decoration:none}.site-header__nav-link--home:after,.site-header__nav-link:hover:after{background:var(--color-accent)}.site-header__nav-inner::-webkit-scrollbar{height:3px}.site-header__nav-inner::-webkit-scrollbar-thumb{background:var(--color-line-strong);border-radius:2px}@media (min-width:600px){.site-header__top{font-size:.85rem}.site-header__top-inner{padding-block:8px;gap:16px}.site-header__flash{font-size:.82rem;padding-block:3px}.site-header__flash-long{display:inline}.site-header__brand-inner{padding-block:20px;min-height:96px;gap:16px}.site-header__back{padding-inline:14px;font-size:.9rem}.site-header__back-long{display:inline}.site-header__back-short{display:none}.site-header__nav-link{padding:14px 18px;font-size:.95rem}.site-header__nav-link:after{inset-inline:18px}}.hero{padding-block:28px 20px;border-bottom:1px solid var(--color-line-strong);margin-bottom:24px;position:relative}.hero:after{content:"";position:absolute;bottom:-1px;inset-inline-start:0;width:80px;height:3px;background:var(--color-accent)}.hero__title{font-family:var(--font-display);font-size:clamp(1.6rem,6vw,3rem);line-height:1.15;margin:0 0 6px;font-weight:900}.hero__subtitle{color:var(--color-muted);font-size:.95rem;max-width:60ch;margin:0}@media (min-width:600px){.hero{padding-block:40px 24px;margin-bottom:36px}.hero:after{width:120px}.hero__subtitle{font-size:1.05rem}}.yt-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;box-shadow:var(--shadow-md)}.yt-player__iframe,.yt-player__poster{position:absolute;inset:0;width:100%;height:100%;border:0}.yt-player__poster{padding:0;margin:0;background:#000;cursor:pointer;display:block;-webkit-tap-highlight-color:transparent}.yt-player__image{object-fit:cover;transition:transform .4s ease,filter .4s ease}@media (hover:hover){.yt-player__poster:hover .yt-player__image{transform:scale(1.025);filter:brightness(.85)}}.yt-player__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));width:56px}.yt-player__play svg{width:100%;height:auto}.yt-player__play-bg{fill:var(--color-accent);fill-opacity:.94}@media (min-width:600px){.yt-player__play{width:68px}}.featured{display:flex;flex-direction:column;gap:16px;margin-bottom:36px;padding:16px;background:var(--color-bg-alt);box-shadow:var(--shadow-md)}.featured__eyebrow{display:inline-block;background:var(--color-accent);color:#fff;padding:4px 10px;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;margin:0 0 10px}.featured__meta{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:.88rem;margin-bottom:8px;flex-wrap:wrap}.featured__views,.video-page__views{font-weight:700;color:var(--color-ink)}.featured__duration,.featured__views,.video-page__duration,.video-page__views{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-latin),var(--font-body)}.featured__title{font-family:var(--font-display);font-size:clamp(1.35rem,5vw,2.2rem);line-height:1.25;margin:4px 0 10px;font-weight:900}.featured__title-link:hover{color:var(--color-accent);text-decoration:none}.featured__description{color:var(--color-ink-soft);font-size:.97rem;line-height:1.7;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.featured__cta{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;padding:12px 22px;border:1px solid var(--color-accent);font-size:.95rem;font-weight:700;min-height:var(--tap-target);transition:background .12s ease,border-color .12s ease}.featured__cta:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff;text-decoration:none}@media (min-width:900px){.featured{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-gap:32px;gap:32px;align-items:center;padding:28px;margin-bottom:56px}.featured__description{font-size:1.05rem;-webkit-line-clamp:5}}.library-section{margin-top:16px}.library-section__title{font-family:var(--font-display);font-size:clamp(1.3rem,4.5vw,1.9rem);margin:0 0 16px;padding-bottom:8px;border-bottom:3px solid var(--color-ink);position:relative;font-weight:900}.library-section__title:after{content:"";position:absolute;bottom:-3px;inset-inline-start:0;width:70px;height:3px;background:var(--color-accent)}.library__controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.library__count{color:var(--color-muted);font-size:.88rem;margin-bottom:16px}@media (min-width:600px){.library__controls{flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}}.search-bar{position:relative;width:100%}.search-bar__icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--color-muted);font-size:1.15rem;pointer-events:none}.search-bar__input{width:100%;min-height:var(--tap-target);padding-block:11px;-webkit-padding-start:40px;padding-inline-start:40px;-webkit-padding-end:44px;padding-inline-end:44px;border:1px solid var(--color-line-strong);background:var(--color-bg-alt);font-family:inherit;font-size:16px;color:var(--color-ink);transition:border-color .12s ease,box-shadow .12s ease}.search-bar__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(211,1,4,.12)}.search-bar__clear{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--color-muted);width:36px;height:36px;font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.search-bar__clear:hover{background:var(--color-chip);color:var(--color-ink)}@media (min-width:600px){.search-bar{flex:1 1 280px;max-width:480px}}.date-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.date-filter__label{font-size:.85rem;color:var(--color-muted);font-weight:600;flex-shrink:0}.date-filter__select-wrap{position:relative;flex:1 1 auto;min-width:0}.date-filter__select{width:100%;min-height:var(--tap-target);font-family:inherit;font-size:16px;color:var(--color-ink);background:var(--color-bg-alt);border:1px solid var(--color-line-strong);padding-block:8px;-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:36px;padding-inline-end:36px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-weight:600;transition:border-color .12s ease,box-shadow .12s ease}.date-filter__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(211,1,4,.12)}.date-filter__arrow{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--color-muted);font-size:.85rem;pointer-events:none}@media (min-width:600px){.date-filter{width:auto}.date-filter__select-wrap{min-width:200px;flex:0 0 auto}}.sort-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.sort-control__label{font-size:.85rem;color:var(--color-muted);font-weight:600;flex-shrink:0}.sort-control__buttons{display:inline-flex;border:1px solid var(--color-line-strong);flex:1 1 auto}.sort-control__btn{flex:1 1 auto;background:var(--color-bg-alt);border:0;color:var(--color-ink);padding:9px 14px;min-height:42px;font-family:inherit;font-size:.88rem;font-weight:700;white-space:nowrap;transition:background .12s ease,color .12s ease}.sort-control__btn+.sort-control__btn{-webkit-border-start:1px solid var(--color-line-strong);border-inline-start:1px solid var(--color-line-strong)}.sort-control__btn:hover{background:var(--color-chip)}.sort-control__btn.is-active{background:var(--color-ink);color:#fff}@media (min-width:600px){.sort-control{width:auto}.sort-control__btn,.sort-control__buttons{flex:0 0 auto}}.video-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.video-grid__item{display:flex}.video-grid__empty{text-align:center;color:var(--color-muted);padding:32px 16px;border:1px dashed var(--color-line-strong);background:var(--color-bg-alt)}@media (min-width:520px){.video-grid{grid-template-columns:1fr 1fr;gap:24px 18px}}@media (min-width:900px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px 24px}}.video-card{width:100%;background:var(--color-bg-alt);border:1px solid var(--color-line);box-shadow:var(--shadow-md);transition:transform .25s ease,box-shadow .25s ease}@media (hover:hover){.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.video-card__link{display:block;color:inherit;-webkit-tap-highlight-color:transparent}.video-card__link:hover{text-decoration:none}.video-card__media{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.video-card__image{object-fit:cover;transition:transform .4s ease}@media (hover:hover){.video-card:hover .video-card__image{transform:scale(1.03)}}.video-card__badge{inset-inline-end:8px;background:var(--color-accent);font-size:.74rem;padding:3px 9px;letter-spacing:.02em}.video-card__badge,.video-card__duration{position:absolute;bottom:8px;color:#fff;font-weight:700}.video-card__duration{inset-inline-start:8px;background:rgba(0,0,0,.82);font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-latin),var(--font-body);padding:2px 7px}.video-card__body{padding:14px 16px 18px}.video-card__meta{display:flex;gap:6px;align-items:center;color:var(--color-muted);font-size:.82rem;margin:0 0 8px;flex-wrap:wrap}.video-card__views{color:var(--color-ink);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-latin),var(--font-body)}.featured__dot,.video-card__dot,.video-page__dot{color:var(--color-muted);opacity:.6}.video-card__title{font-family:var(--font-display);font-size:1.08rem;line-height:1.4;margin:0 0 8px;color:var(--color-ink);font-weight:800;word-wrap:break-word;overflow-wrap:anywhere}.video-card__description{color:var(--color-ink-soft);font-size:.9rem;line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__tags{list-style:none;padding:0;margin:8px 0 0;display:flex;gap:6px;flex-wrap:wrap}.video-card__tag{font-size:.74rem;color:var(--color-muted);background:var(--color-chip);padding:2px 9px}@media (min-width:600px){.video-card__body{padding:16px 18px 20px}.video-card__title{font-size:1.18rem;margin-top:6px}.video-card__description{-webkit-line-clamp:3;font-size:.94rem}}.video-page{padding-top:16px}.breadcrumb{margin-bottom:12px;font-size:.92rem}.breadcrumb__link{color:var(--color-muted);display:inline-flex;align-items:center;min-height:var(--tap-target)}.breadcrumb__link:hover{color:var(--color-accent)}.video-page__player{margin-bottom:20px}.video-page__header{max-width:820px;margin:0 auto 40px;background:var(--color-bg-alt);padding:20px;border:1px solid var(--color-line);box-shadow:var(--shadow-md)}.video-page__meta{display:flex;gap:8px;align-items:center;color:var(--color-muted);font-size:.92rem;margin-bottom:10px;flex-wrap:wrap}.video-page__title{font-family:var(--font-display);font-size:clamp(1.5rem,5.5vw,2.5rem);line-height:1.25;margin:4px 0 14px;font-weight:900;word-wrap:break-word;overflow-wrap:anywhere}.video-page__description{font-size:1rem;color:var(--color-ink-soft);margin:0 0 16px;line-height:1.85;white-space:pre-line;word-wrap:break-word;overflow-wrap:anywhere}.video-page__tags{list-style:none;padding:0;margin:0 0 16px;display:flex;gap:8px;flex-wrap:wrap}.video-page__tag{background:var(--color-chip);color:var(--color-ink-soft);padding:5px 11px;font-size:.84rem;font-weight:600}.video-page__yt-link{display:inline-flex;align-items:center;min-height:var(--tap-target);font-size:.95rem;color:var(--color-accent);font-weight:700;border-bottom:1px solid;padding-bottom:2px}.video-page__yt-link:hover{text-decoration:none;opacity:.85}.video-page__related-title{font-family:var(--font-display);font-size:1.3rem;margin:0 0 16px;padding-bottom:10px;border-bottom:3px solid var(--color-ink);position:relative;font-weight:900}.video-page__related-title:after{content:"";position:absolute;bottom:-3px;inset-inline-start:0;width:56px;height:3px;background:var(--color-accent)}@media (min-width:600px){.video-page{padding-top:24px}.video-page__header{padding:32px;margin-bottom:56px}.video-page__description{font-size:1.05rem}.video-page__related-title{font-size:1.5rem}}.not-found{text-align:center;padding:60px 16px}.not-found__title{font-family:var(--font-display);font-size:clamp(1.6rem,5.5vw,2.4rem);margin:0 0 12px;font-weight:900}.not-found__text{color:var(--color-muted);margin:0 0 24px}.not-found__cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target);background:var(--color-accent);color:#fff;padding:11px 22px;font-weight:700;border:1px solid var(--color-accent)}.not-found__cta:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff;text-decoration:none}@media (min-width:600px){.not-found{padding:80px 16px}}.site-footer{background:var(--color-bg-alt);color:var(--color-ink);margin-top:48px;border-top:3px solid var(--color-accent);padding-bottom:env(safe-area-inset-bottom)}.site-footer__inner{display:grid;grid-template-columns:1fr;grid-gap:28px;gap:28px;padding-block:32px}.site-footer__logo{width:200px;height:auto;margin-bottom:8px}.site-footer__section{font-weight:800;color:var(--color-accent);letter-spacing:.02em;margin:0 0 8px;text-transform:uppercase}.site-footer__section,.site-footer__tagline{font-family:var(--font-display);font-size:.95rem}.site-footer__tagline{margin:0 0 14px;font-style:italic;color:var(--color-ink-soft)}.site-footer__rights{margin:0;color:var(--color-muted);font-size:.85rem}.site-footer__col-title{font-family:var(--font-display);font-size:.95rem;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--color-ink);color:var(--color-ink);letter-spacing:.02em;position:relative;display:inline-block}.site-footer__col-title:after{content:"";position:absolute;bottom:-2px;inset-inline-start:0;width:30px;height:2px;background:var(--color-accent)}.site-footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.site-footer__link{color:var(--color-ink-soft);font-size:.92rem;display:inline-flex;align-items:center;min-height:36px}.site-footer__link:hover{color:var(--color-accent);text-decoration:none}.site-footer__social{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.site-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);background:var(--color-chip);color:var(--color-ink);font-weight:700;font-size:.8rem;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease}.site-footer__social-link:hover{background:var(--color-accent);color:#fff;text-decoration:none}@media (min-width:600px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:36px;padding-block:40px}}@media (min-width:900px){.site-footer{margin-top:64px}.site-footer__inner{grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-block:56px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}