@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Tajawal:wght@400;500;700&display=swap";@media(max-width:959px){.scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:contain}.horizontal-scroll::-webkit-scrollbar{height:6px;background:#0000001a;border-radius:3px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#0092be80;border-radius:3px}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#0092beb3}.touch-target{min-height:44px;min-width:44px}.mobile-card{margin-bottom:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;will-change:transform;backface-visibility:hidden}.mobile-card:active{transform:scale(.98);transition:transform .1s ease}.prevent-overflow{overflow-x:hidden;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mobile-button{min-height:48px;font-size:16px;border-radius:8px;touch-action:manipulation}.mobile-title{font-size:clamp(1.25rem,4vw,1.75rem)!important;line-height:1.3;text-rendering:optimizeLegibility}.mobile-subtitle{font-size:clamp(.75rem,2.5vw,.875rem)!important;line-height:1.4}.safe-area-padding{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.focus-visible{outline:2px solid rgba(0,146,190,.7);outline-offset:2px}.touch-optimized{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,146,190,.2);touch-action:manipulation;cursor:pointer}.mobile-loading{min-height:200px;display:flex;align-items:center;justify-content:center}.mobile-high-contrast{background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-snap-x{scroll-snap-type:x mandatory;scroll-padding:16px}.scroll-snap-item{scroll-snap-align:center;scroll-snap-stop:always}@container (max-width: 599px){.container-responsive{flex-direction:column;gap:12px}}.mobile-vh{height:100vh;height:100dvh}}@media(max-width:959px){[dir=rtl] .horizontal-scroll{direction:rtl}[dir=rtl] .scroll-snap-start{scroll-snap-align:end}[dir=ltr] .scroll-snap-start{scroll-snap-align:start}[dir=rtl] .scroll-snap-item,[dir=ltr] .scroll-snap-item{scroll-snap-align:center}}@media(max-width:959px)and (prefers-color-scheme:dark){.mobile-card{background:#141e2ce6;border:1px solid rgba(0,146,190,.2)}.mobile-high-contrast{background:linear-gradient(135deg,#141e2cf2,#141e2ce6)}.horizontal-scroll::-webkit-scrollbar-track{background:#ffffff0d}.horizontal-scroll::-webkit-scrollbar-thumb{background:#0092be99}}@media(max-width:959px){@media(prefers-reduced-motion:reduce){.mobile-card,.touch-optimized,.scroll-container{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){.mobile-card{border:2px solid;background:#fff;color:#000}.horizontal-scroll::-webkit-scrollbar-thumb{background:#000}}@media(prefers-reduced-data:reduce){.mobile-card{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}}}@media(max-width:959px){.hardware-accelerated{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.contain-layout{contain:layout style paint}@media(prefers-reduced-motion:reduce){.hardware-accelerated{will-change:auto;transform:none}}@media(prefers-reduced-data:reduce){.mobile-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}}mux-player{width:100%!important;height:auto!important;max-width:100%!important;font-size:16px!important}@media screen and (max-width:768px){mux-player{border-radius:0!important;min-height:200px!important;background-color:#000!important}mux-player[style*=aspect-ratio]{aspect-ratio:16/9!important;width:100%!important;height:auto!important}mux-player::part(play-button){width:80px!important;height:80px!important;border-radius:50%!important;background:#ffffffe6!important;color:#000!important;border:2px solid rgba(255,255,255,.8)!important;font-size:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;touch-action:manipulation!important;cursor:pointer!important;z-index:1000!important}mux-player::part(play-button):hover,mux-player::part(play-button):focus,mux-player::part(play-button):active{transform:scale(1.1)!important;background:#fff!important;box-shadow:0 4px 20px #0000004d!important}mux-player::part(poster){display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}mux-player::part(controls){background:linear-gradient(transparent,#000000b3)!important;padding:10px!important;min-height:60px!important}mux-player::part(seek-bar){height:6px!important;margin:10px 0!important;touch-action:pan-y!important}mux-player::part(play-button),mux-player::part(mute-button),mux-player::part(fullscreen-button),mux-player::part(volume-button){min-width:44px!important;min-height:44px!important;padding:8px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}mux-player::part(volume-range){width:100px!important;height:44px!important;touch-action:pan-x!important}mux-player::part(time-display){font-size:14px!important;margin:0 8px!important}mux-player::part(pip-button){display:none!important}mux-player::part(loading-indicator){width:60px!important;height:60px!important}mux-player,mux-player *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}mux-player[fullscreen]{width:100vw!important;height:100vh!important;object-fit:contain!important}mux-player[fullscreen]::part(controls){background:linear-gradient(transparent,#000c)!important}}@supports (-webkit-touch-callout: none){mux-player{-webkit-playsinline:true!important}mux-player::part(play-button){-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}@media screen and (max-width:768px){mux-player{-webkit-media-controls-fullscreen-button:none!important}}}@media screen and (max-width:768px)and (-webkit-min-device-pixel-ratio:1){mux-player::part(controls){padding-bottom:env(safe-area-inset-bottom,10px)!important}}@media screen and (max-width:768px)and (-webkit-min-device-pixel-ratio:2){mux-player::part(play-button){border-width:1px!important}mux-player::part(seek-bar){height:4px!important}}@media screen and (max-width:926px)and (orientation:landscape){mux-player{width:100%!important;height:100vh!important;max-height:100vh!important}mux-player::part(controls){padding:5px 10px!important;min-height:50px!important}mux-player::part(play-button){width:60px!important;height:60px!important;font-size:20px!important}}video[data-mux-fallback=true]{width:100%!important;height:auto!important;aspect-ratio:16/9!important;background-color:#000!important;object-fit:contain!important}@media screen and (max-width:768px){video[data-mux-fallback=true]{border-radius:0!important;min-height:200px!important}video[data-mux-fallback=true]::-webkit-media-controls{background-color:#000000b3!important}video[data-mux-fallback=true]::-webkit-media-controls-panel{background-color:#000000b3!important}video[data-mux-fallback=true]::-webkit-media-controls-play-button{width:60px!important;height:60px!important;background-color:#ffffffe6!important;border-radius:50%!important;margin:auto!important}video[data-mux-fallback=true]::-webkit-media-controls-start-playback-button{width:80px!important;height:80px!important;background-color:#ffffffe6!important;border-radius:50%!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}}@media(prefers-color-scheme:dark){mux-player::part(play-button){background:#000000e6!important;color:#fff!important;border-color:#fffc!important}mux-player::part(controls){background:linear-gradient(transparent,#000000e6)!important}}@media screen and (max-width:768px){mux-player::part(play-button):focus{outline:2px solid #007bff!important;outline-offset:2px!important}mux-player[aria-label]:focus{outline:2px solid #007bff!important}}@media screen and (max-width:768px){mux-player{will-change:transform!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}mux-player::part(video){will-change:auto!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}}body{font-family:Roboto,Tajawal,sans-serif;margin:0;padding:0;background-color:#f5f5f5;animation:fadeIn .5s ease-in-out;min-height:100vh;display:flex;flex-direction:column}#root{min-height:100vh;display:flex;flex-direction:column;flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-root{opacity:0;animation:appLoad .3s ease-out forwards;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;min-height:80vh;display:flex;flex-direction:column}footer{margin-top:auto;animation:footerLoad .4s ease-out forwards;animation-delay:.2s;opacity:0}@keyframes appLoad{to{opacity:1}}@keyframes footerLoad{to{opacity:1}}body{overflow-y:auto!important;scroll-behavior:smooth}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#00070dcc;border-radius:10px;border:1px solid rgba(0,159,180,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#009fb4,#00c8ff);border-radius:10px;border:2px solid rgba(0,7,13,.8);transition:all .3s ease;box-shadow:0 0 10px #009fb466}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00c8ff,#009fb4);box-shadow:0 0 20px #00c8ff99,0 0 10px #009fb4cc;transform:scale(1.05)}*{scrollbar-width:thin;scrollbar-color:#009fb4 rgba(0,7,13,.8)}