@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{background:#0000001a;border-radius:3px;height:6px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#0092be80;border-radius:3px}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#0092beb3}.touch-target{min-width:44px;min-height:44px}.mobile-card{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.mobile-card:active{transition:transform .1s;transform:scale(.98)}.prevent-overflow{word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-x:hidden}.mobile-button{touch-action:manipulation;border-radius:8px;min-height:48px;font-size:16px}.mobile-title{text-rendering:optimizeLegibility;line-height:1.3;font-size:max(1.25rem,min(4vw,1.75rem))!important}.mobile-subtitle{line-height:1.4;font-size:max(.75rem,min(2.5vw,.875rem))!important}.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-offset:2px;outline:2px solid #0092beb3}.touch-optimized{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0092be33;touch-action:manipulation;cursor:pointer}.mobile-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.mobile-high-contrast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 100%)}.scroll-snap-x{scroll-snap-type:x mandatory;scroll-padding:16px}.scroll-snap-item{scroll-snap-align:center;scroll-snap-stop:always}@container (width<=599px){.container-responsive{flex-direction:column;gap:12px}}.mobile-vh{height:100vh;height:100dvh}[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 #0092be33}.mobile-high-contrast{background:linear-gradient(135deg,#141e2cf2 0%,#141e2ce6 100%)}.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{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-contrast:high){.mobile-card{color:#000;background:#fff;border:2px solid}.horizontal-scroll::-webkit-scrollbar-thumb{background:#000}}@media (prefers-reduced-data:reduce){.mobile-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}}.hardware-accelerated{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.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}}}body{background-color:#f5f5f5;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Roboto,Tajawal,sans-serif;animation:.5s ease-in-out fadeIn;display:flex}#root{flex-direction:column;flex:1;min-height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-root{opacity:0;flex-direction:column;min-height:100vh;animation:.3s ease-out forwards appLoad;display:flex}.main-content{flex-direction:column;flex:1;min-height:80vh;display:flex}footer{opacity:0;margin-top:auto;animation:.4s ease-out .2s forwards footerLoad}@keyframes appLoad{to{opacity:1}}@keyframes footerLoad{to{opacity:1}}body{scroll-behavior:smooth;overflow-y:auto!important}