.page-transition-overlay[data-astro-cid-hg254eu5]{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#3b82f61a,#9333ea1a);backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.page-transition-overlay[data-astro-cid-hg254eu5].active{opacity:1;visibility:visible}.page-transition-overlay[data-astro-cid-hg254eu5]:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(59,130,246,.3);border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main[data-astro-cid-hg254eu5]{transition:opacity .4s ease,transform .4s ease}.nav-link[data-astro-cid-hg254eu5]{position:relative;transition:all .3s ease}.nav-link[data-astro-cid-hg254eu5]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.nav-link[data-astro-cid-hg254eu5]:hover:after{width:100%}.section-transition[data-astro-cid-hg254eu5]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.section-transition[data-astro-cid-hg254eu5].visible{opacity:1;transform:translateY(0)}.card-animate[data-astro-cid-hg254eu5]{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.card-animate[data-astro-cid-hg254eu5].visible{opacity:1;transform:translateY(0)}.scale-hover[data-astro-cid-hg254eu5]{transition:transform .2s ease}.scale-hover[data-astro-cid-hg254eu5]:hover{transform:scale(1.02)}@media (prefers-reduced-motion: reduce){.page-transition-overlay[data-astro-cid-hg254eu5],main[data-astro-cid-hg254eu5],.nav-link[data-astro-cid-hg254eu5],.section-transition[data-astro-cid-hg254eu5],.card-animate[data-astro-cid-hg254eu5],.scale-hover[data-astro-cid-hg254eu5]{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:#3b82f6}}.parallax-container[data-astro-cid-jthv3xay]{overflow:hidden}.parallax-element[data-astro-cid-jthv3xay]{will-change:transform}.fade-in-up[data-astro-cid-jthv3xay]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-up[data-astro-cid-jthv3xay].visible{opacity:1;transform:translateY(0)}.fade-in-left[data-astro-cid-jthv3xay]{opacity:0;transform:translate(-30px);transition:opacity .6s ease,transform .6s ease}.fade-in-left[data-astro-cid-jthv3xay].visible{opacity:1;transform:translate(0)}.fade-in-right[data-astro-cid-jthv3xay]{opacity:0;transform:translate(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-right[data-astro-cid-jthv3xay].visible{opacity:1;transform:translate(0)}.fade-in[data-astro-cid-jthv3xay]{opacity:0;transition:opacity .6s ease}.fade-in[data-astro-cid-jthv3xay].visible{opacity:1}.scale-in[data-astro-cid-jthv3xay]{opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.scale-in[data-astro-cid-jthv3xay].visible{opacity:1;transform:scale(1)}.slide-in-bottom[data-astro-cid-jthv3xay]{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.slide-in-bottom[data-astro-cid-jthv3xay].visible{opacity:1;transform:translateY(0)}.delay-100[data-astro-cid-jthv3xay]{transition-delay:.1s}.delay-200[data-astro-cid-jthv3xay]{transition-delay:.2s}.delay-300[data-astro-cid-jthv3xay]{transition-delay:.3s}.delay-400[data-astro-cid-jthv3xay]{transition-delay:.4s}.delay-500[data-astro-cid-jthv3xay]{transition-delay:.5s}.btn-animate[data-astro-cid-jthv3xay]{position:relative;overflow:hidden;transition:all .3s ease}.btn-animate[data-astro-cid-jthv3xay]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-animate[data-astro-cid-jthv3xay]:hover:before{left:100%}.pulse-attention[data-astro-cid-jthv3xay]{animation:pulseAttention 2s infinite}@keyframes pulseAttention{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}.skeleton[data-astro-cid-jthv3xay]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}html{scroll-behavior:smooth}body{line-height:1.6}.prose{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.prose:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.prose h1:is(.dark *),.prose h2:is(.dark *),.prose h3:is(.dark *),.prose h4:is(.dark *),.prose h5:is(.dark *),.prose h6:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.prose code{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.125rem .375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.prose code:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.prose pre{overflow-x:auto;border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.prose pre:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.prose pre code{background-color:transparent;padding:0}.prose a{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.prose a:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.prose a:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.prose a:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}@media (max-width: 640px){body{font-size:14px}button,.btn,a[role=button]{min-height:44px;min-width:44px}.container{padding-left:16px;padding-right:16px}*{max-width:100%;word-wrap:break-word}img{height:auto;max-width:100%}}@media (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}}.kbd{display:inline-flex;align-items:center;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.kbd:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}*:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (prefers-contrast: high){.kbd{border-width:2px;--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media (max-width: 768px){.kbd{border-radius:.75rem}}.kbd:is(.dark *){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media (max-width: 768px){.sidebar{display:none!important}#main-content{margin-left:0!important;padding-bottom:6rem;min-height:100vh}body{font-size:16px;line-height:1.6}button,a,[role=button],input,textarea,select{min-height:44px;min-width:44px;font-size:16px}.container,.max-w-3xl{padding-left:1rem;padding-right:1rem}.bg-white,.dark\\:bg-gray-800{border-radius:.75rem}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.prose{font-size:1rem;line-height:1.7;max-width:none}.prose h1{font-size:1.875rem;line-height:1.2;margin-bottom:1rem}.prose h2{font-size:1.5rem;line-height:1.3;margin-top:2rem;margin-bottom:.75rem}.prose h3{font-size:1.25rem;line-height:1.4;margin-top:1.5rem;margin-bottom:.5rem}.prose p{margin-bottom:1.25rem}.prose img{margin:1.5rem -1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;max-width:calc(100% + 2rem);width:calc(100% + 2rem);height:auto}.prose pre{margin:1.5rem -1rem;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.875rem}.prose ul,.prose ol{padding-left:1.5rem;margin:1rem 0}.prose li{margin-bottom:.5rem;line-height:1.6}.mobile-nav-hidden{transform:translateY(100%);transition:transform .3s ease-in-out}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid #3b82f6;outline-offset:2px}button,.btn,[role=button]{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-safe-top{padding-top:env(safe-area-inset-top)}.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}*{-webkit-tap-highlight-color:rgba(59,130,246,.2);-webkit-touch-callout:none}.mobile-space-y-4>*+*{margin-top:1rem!important}.mobile-space-y-6>*+*{margin-top:1.5rem!important}input,textarea,select{border-radius:.5rem;padding:.75rem;border:1px solid #d1d5db;background:#fff;font-size:16px}input:focus,textarea:focus,select:focus{ring:2px;ring-color:#3b82f6;border-color:#3b82f6}}@media (max-width: 768px) and (orientation: landscape){#main-content{padding-bottom:4rem}.mobile-bottom-nav{height:3.5rem}.mobile-bottom-nav button{padding:.25rem}.mobile-bottom-nav span{display:none}}@media (max-width: 768px){.dark input,.dark textarea,.dark select{background:#374151;border-color:#4b5563;color:#fff}.dark input:focus,.dark textarea:focus,.dark select:focus{ring-color:#60a5fa;border-color:#60a5fa}}h1,h2,h3,h4,h5,h6{font-family:var(--theme-font-heading)!important}body{font-family:var(--theme-font-body)!important;font-size:16px!important}.prose{font-family:var(--theme-font-body)!important}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--theme-font-heading)!important}button,.btn,a,input,textarea,select{font-family:var(--theme-font-body)!important}:root{--theme-font-heading: "opticianSans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--theme-font-body: "abcReproFont", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-english: "abcReproFont", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-arabic: "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[dir=rtl]{--theme-font-heading: "belqeesPro", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--theme-font-body: "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}