:root{--color-primary: #5bcc02;--color-primary-dark: #2d5016;--color-secondary: #4a9900;--color-accent: #ffc107;--color-background: #f8f9fa;--color-surface: #ffffff;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-text-muted: #adb5bd;--color-border: #dee2e6;--color-error: #dc3545;--color-success: #28a745;--color-warning: #ffc107;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-arabic: "Noto Sans Arabic", "Tajawal", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: .5rem;--spacing-2: 1rem;--spacing-3: 1.5rem;--spacing-4: 2rem;--spacing-6: 3rem;--spacing-8: 4rem;--spacing-12: 6rem;--spacing-16: 8rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1440px;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1200px;--container-2xl: 1320px}@media (min-width: 768px){:root{--font-size-base: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem}}[dir=rtl]{--text-align-start: right;--text-align-end: left;--margin-start: margin-right;--margin-end: margin-left;--padding-start: padding-right;--padding-end: padding-left;--border-start: border-right;--border-end: border-left}[dir=ltr]{--text-align-start: left;--text-align-end: right;--margin-start: margin-left;--margin-end: margin-right;--padding-start: padding-left;--padding-end: padding-right;--border-start: border-left;--border-end: border-right}@media (prefers-contrast: high){:root{--color-primary: #000000;--color-primary-dark: #000000;--color-secondary: #000000;--color-accent: #000000;--color-background: #ffffff;--color-surface: #ffffff;--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-muted: #000000;--color-border: #000000;--color-error: #000000;--color-success: #000000;--color-warning: #000000;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}}@media (prefers-color-scheme: dark) and (not (prefers-contrast: high)){:root{--color-background: #1a1a1a;--color-surface: #2d2d2d;--color-text-primary: #ffffff;--color-text-secondary: #b3b3b3;--color-text-muted: #808080;--color-border: #404040}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[lang=ar]{font-family:var(--font-family-arabic);direction:rtl}[lang=en]{direction:ltr}.rtl-flip{transform:scaleX(-1)}[dir=rtl] .rtl-flip{transform:scaleX(1)}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right,[dir=ltr] .text-left{text-align:left}[dir=ltr] .text-right{text-align:right}[dir=rtl] .ml-auto{margin-right:auto;margin-left:unset}[dir=rtl] .mr-auto{margin-left:auto;margin-right:unset}[dir=rtl] .pl-4{padding-right:var(--spacing-4);padding-left:unset}[dir=rtl] .pr-4{padding-left:var(--spacing-4);padding-right:unset}[dir=rtl] .flex-row-reverse{flex-direction:row}[dir=ltr] .flex-row-reverse{flex-direction:row-reverse}[dir=rtl] .rounded-l{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .rounded-r{border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);border-top-right-radius:0;border-bottom-right-radius:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-2)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-2);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5bcc021a}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-2)}@media (min-width: 768px){.container{padding:0 var(--spacing-4)}}.section{padding:var(--spacing-8) 0}@media (min-width: 768px){.section{padding:var(--spacing-12) 0}}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.shadow-md{box-shadow:var(--shadow-md)}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.hidden{display:none}@media (max-width: 319px){.hidden-xs{display:none}}@media (max-width: 767px){.hidden-mobile{display:none}.mobile-only{display:block}}@media (min-width: 320px) and (max-width: 767px){.mobile-landscape-only{display:block}}@media (min-width: 768px){.hidden-desktop,.mobile-only,.mobile-landscape-only{display:none}.desktop-only{display:block}}@media (min-width: 768px) and (max-width: 1023px){.tablet-only{display:block}.hidden-tablet{display:none}}@media (min-width: 1024px){.tablet-only{display:none}.large-desktop-only{display:block}}@media (min-width: 1440px){.xl-desktop-only{display:block}}.text-responsive{font-size:clamp(1rem,2.5vw,1.5rem)}.heading-responsive{font-size:clamp(1.5rem,4vw,3rem)}.subheading-responsive{font-size:clamp(1.125rem,3vw,1.875rem)}.spacing-responsive{padding:clamp(1rem,4vw,3rem)}.margin-responsive{margin:clamp(.5rem,2vw,2rem)}.grid-responsive{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.grid-responsive-2{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.grid-responsive-3{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}@media (prefers-contrast: high){*:focus-visible{outline:3px solid #000000;outline-offset:2px;background-color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #000000;background-color:#fff;color:#000}}button,a,input,select,textarea,[role=button],[role=link]{min-height:44px;min-width:44px}p,li,span{max-width:70ch}a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}a:hover,a:focus{text-decoration-thickness:3px}@media (prefers-contrast: high){button,input,select,textarea,.card,.form-group{border:2px solid #000000!important}body,p,h1,h2,h3,h4,h5,h6,span,div,a,li{color:#000!important}body,.container,.section{background-color:#fff!important}.inverted,.button--primary,.hero-section{color:#fff!important;background-color:#000!important}svg{fill:currentColor;stroke:currentColor}}[aria-hidden=true]{display:none!important}h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);display:block}input:invalid,select:invalid,textarea:invalid{border-color:var(--color-error);box-shadow:0 0 0 3px #dc35451a}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:block}.keyboard-user *:focus{outline:2px solid var(--color-primary);outline-offset:2px}.skip-navigation{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--color-surface);padding:8px 16px;text-decoration:none;border-radius:var(--border-radius-md);z-index:var(--z-tooltip)}.skip-navigation:focus{top:6px}img{max-width:100%;height:auto;loading:lazy}.animate{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.container{contain:layout}.section{contain:layout style}@font-face{font-display:swap}*{transition:opacity var(--transition-normal),transform var(--transition-normal);will-change:auto}.animating{will-change:transform,opacity}.animating.animation-complete{will-change:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width: 320px){.container{padding:0 var(--spacing-1)}.section{padding:var(--spacing-6) 0}}@media (min-width: 321px) and (max-width: 480px){.container{padding:0 var(--spacing-2)}}@media (min-width: 481px) and (max-width: 767px){.container{padding:0 var(--spacing-3)}}@media (min-width: 768px) and (max-width: 1023px){.container{padding:0 var(--spacing-4)}.section{padding:var(--spacing-12) 0}}@media (min-width: 1024px) and (max-width: 1439px){.container{padding:0 var(--spacing-6)}.section{padding:var(--spacing-16) 0}}@media (min-width: 1440px){.container{padding:0 var(--spacing-8)}.section{padding:calc(var(--spacing-16) + var(--spacing-4)) 0}}.flex-responsive{display:flex;flex-direction:column;gap:var(--spacing-2)}@media (min-width: 768px){.flex-responsive{flex-direction:row;gap:var(--spacing-4)}}.flex-responsive-reverse{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 768px){.flex-responsive-reverse{flex-direction:row-reverse;gap:var(--spacing-4)}}.aspect-ratio-16-9{aspect-ratio:16 / 9}.aspect-ratio-4-3{aspect-ratio:4 / 3}.aspect-ratio-1-1{aspect-ratio:1 / 1}.img-responsive{width:100%;height:auto;object-fit:cover}.img-responsive-contain{width:100%;height:auto;object-fit:contain}@media (hover: none) and (pointer: coarse){.touch-friendly{min-height:44px;min-width:44px}button,.button,a[role=button]{min-height:44px;padding:var(--spacing-2) var(--spacing-3)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.high-dpi-optimized{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (orientation: landscape) and (max-height: 500px){.landscape-adjust{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.section{padding:var(--spacing-4) 0}}@media print{.no-print{display:none!important}.print-only{display:block!important}*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.container{max-width:none;padding:0}}.performance-low *{animation-duration:.1s!important;transition-duration:.1s!important}.performance-low .animate{transform:none!important}.reduce-animations *{animation:none!important;transition:none!important}.reduce-animations .scroll-animate{opacity:1!important;transform:none!important}.critical-css-loaded .non-critical{display:block}.non-critical{display:none}@media (max-width: 768px) and (prefers-reduced-data: reduce){.data-heavy{display:none}.background-image{background-image:none!important}}@media (prefers-reduced-motion: reduce){.battery-optimized *{animation-play-state:paused!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.in-view{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transform:translate(-50px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-left.in-view{opacity:1;transform:translate(0)}.scroll-animate-right{opacity:0;transform:translate(50px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-right.in-view{opacity:1;transform:translate(0)}.scroll-animate-scale{opacity:0;transform:scale(.8);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-scale.in-view{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.stagger-children.animate>*:nth-child(1){transition-delay:.1s}.stagger-children.animate>*:nth-child(2){transition-delay:.2s}.stagger-children.animate>*:nth-child(3){transition-delay:.3s}.stagger-children.animate>*:nth-child(4){transition-delay:.4s}.stagger-children.animate>*:nth-child(5){transition-delay:.5s}.stagger-children.animate>*{opacity:1;transform:translateY(0)}.btn-animate{position:relative;overflow:hidden;transition:all var(--transition-normal)}.btn-animate: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}.btn-animate:hover:before{left:100%}.btn-hover-lift{transition:all var(--transition-normal)}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-hover-scale{transition:transform var(--transition-fast)}.btn-hover-scale:hover{transform:scale(1.05)}.btn-hover-glow{transition:all var(--transition-normal)}.btn-hover-glow:hover{box-shadow:0 0 20px #5bcc0266}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn-ripple:active:after{width:300px;height:300px}.loading{position:relative;color:transparent}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.smooth-scroll{scroll-behavior:smooth}.parallax{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-scale-in{animation:none;opacity:1;transform:none}.scroll-animate{opacity:1;transform:none;transition:none}.hover-lift:hover,.hover-scale:hover,.parallax{transform:none}}.micro-bounce{transition:transform var(--transition-fast)}.micro-bounce:hover{transform:translateY(-1px)}.micro-bounce:active{transform:translateY(0)}.micro-rotate{transition:transform var(--transition-normal)}.micro-rotate:hover{transform:rotate(5deg)}.micro-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.card-hover-scale{transition:transform var(--transition-normal)}.card-hover-scale:hover{transform:scale(1.02)}.icon-spin{transition:transform var(--transition-normal)}.icon-spin:hover{transform:rotate(360deg)}.icon-bounce{animation:iconBounce 2s infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.text-glow{transition:text-shadow var(--transition-normal)}.text-glow:hover{text-shadow:0 0 10px rgba(91,204,2,.5)}.text-underline-animate{position:relative;text-decoration:none}.text-underline-animate:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-normal)}.text-underline-animate:hover:after{width:100%}.progress-bar{position:relative;background:var(--color-border);border-radius:var(--border-radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-full);transition:width 1s ease-out;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.hover-lift:hover,.hover-scale:hover,.btn-hover-lift:hover,.btn-hover-scale:hover,.card-hover:hover,.card-hover-scale:hover{transform:none}.hover-lift:active,.btn-hover-lift:active{transform:translateY(-1px)}.hover-scale:active,.btn-hover-scale:active,.card-hover-scale:active{transform:scale(1.02)}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.fade-in-sequence>*{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-sequence.animate>*:nth-child(1){transition-delay:.1s}.fade-in-sequence.animate>*:nth-child(2){transition-delay:.2s}.fade-in-sequence.animate>*:nth-child(3){transition-delay:.3s}.fade-in-sequence.animate>*:nth-child(4){transition-delay:.4s}.fade-in-sequence.animate>*:nth-child(5){transition-delay:.5s}.fade-in-sequence.animate>*:nth-child(6){transition-delay:.6s}.fade-in-sequence.animate>*{opacity:1;transform:translateY(0)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--color-surface);padding:8px 16px;text-decoration:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:6px;outline:2px solid var(--color-surface);outline-offset:2px}[dir=rtl] .skip-link{left:auto;right:6px}@media (prefers-contrast: high){.skip-link{background:#000;color:var(--color-surface);border:2px solid var(--color-surface)}.skip-link:focus{background:#fff;color:#000;border:2px solid #000000}}.language-selector{position:relative;display:inline-block}.language-selector-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-width:80px;justify-content:space-between}.language-selector-button:hover{border-color:var(--color-primary);background-color:#5bcc020d}.language-selector-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.language-selector-current{font-size:var(--font-size-sm);white-space:nowrap}.language-selector-icon{transition:transform var(--transition-fast);color:var(--color-text-secondary);flex-shrink:0}.language-selector-icon--open{transform:rotate(180deg)}.language-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);min-width:140px}.language-selector-dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.language-selector-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--color-border)}.language-selector-option:last-child{border-bottom:none}.language-selector-option:hover{background-color:#5bcc020d;color:var(--color-primary)}.language-selector-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.language-selector-option--active{background-color:#5bcc021a;color:var(--color-primary);font-weight:var(--font-weight-medium)}.language-selector-option-native{font-weight:var(--font-weight-medium)}.language-selector-option-english{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:var(--spacing-1)}.language-selector-check{color:var(--color-primary);flex-shrink:0}[dir=rtl] .language-selector-dropdown{left:auto;right:0}[dir=rtl] .language-selector-option{text-align:right}[dir=rtl] .language-selector-option-english{margin-left:0;margin-right:var(--spacing-1)}@media (max-width: 767px){.language-selector-button{min-width:70px;padding:var(--spacing-1);font-size:var(--font-size-xs)}.language-selector-current{font-size:var(--font-size-xs)}.language-selector-dropdown{min-width:120px}.language-selector-option{padding:var(--spacing-2)}}@media (min-width: 768px) and (max-width: 1023px){.language-selector-button{min-width:75px}}@media (min-width: 1440px){.language-selector-button{min-width:90px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base)}.language-selector-current{font-size:var(--font-size-base)}.language-selector-dropdown{min-width:160px}.language-selector-option{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-selector-dropdown--open{animation:dropdownSlide var(--transition-fast) ease-out}@media (prefers-contrast: high){.language-selector-button,.language-selector-dropdown{border-width:2px}.language-selector-option:hover,.language-selector-option--active{background-color:var(--color-primary);color:var(--color-surface)}}@media (prefers-reduced-motion: reduce){.language-selector-button,.language-selector-icon,.language-selector-dropdown,.language-selector-option{transition:none}.language-selector-dropdown--open{animation:none}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:all var(--transition-normal)}.header--scrolled{background-color:#fffffffa;border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0;min-height:64px}.header-logo-button{background:none;border:none;padding:var(--spacing-1);cursor:pointer;transition:transform var(--transition-fast)}.header-logo-button:hover{transform:scale(1.05)}.header-logo-image{height:40px;width:auto;object-fit:contain}.header-nav-list{display:none;align-items:center;gap:var(--spacing-4);list-style:none;margin:0;padding:0}@media (min-width: 768px){.header-nav-list{display:flex}}.header-nav-link{background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.header-nav-link:hover{color:var(--color-primary);background-color:#5bcc021a}.header-nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.header-menu-button{background:none;border:none;padding:var(--spacing-1);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast)}.header-menu-button:hover{background-color:#5bcc021a}@media (min-width: 768px){.header-menu-button{display:none}}.hamburger{display:flex;flex-direction:column;gap:4px;width:20px;height:16px}.hamburger-line{width:100%;height:2px;background-color:var(--color-text-primary);border-radius:1px;transition:all var(--transition-normal);transform-origin:center}.hamburger--active .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger--active .hamburger-line:nth-child(2){opacity:0}.hamburger--active .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-mobile-nav{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:var(--z-dropdown)}.header-mobile-nav--open{transform:translateY(0);opacity:1;visibility:visible}.header-mobile-nav-list{list-style:none;margin:0;padding:var(--spacing-2) 0}.header-mobile-nav-item{border-bottom:1px solid var(--color-border)}.header-mobile-nav-item:last-child{border-bottom:none}.header-mobile-nav-link{display:block;width:100%;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);text-align:var(--text-align-start);cursor:pointer;transition:all var(--transition-fast)}.header-mobile-nav-link:hover{color:var(--color-primary);background-color:#5bcc020d}.header-mobile-nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}[dir=rtl] .header-nav-list,[dir=rtl] .header-actions{flex-direction:row-reverse}[dir=rtl] .header-mobile-nav-link{text-align:right}@media (max-width: 767px){.header-nav{padding:var(--spacing-1) 0;min-height:56px}.header-logo-text{font-size:var(--font-size-xl)}.header-actions{gap:var(--spacing-1)}}@media (min-width: 768px) and (max-width: 1023px){.header-nav-list{gap:var(--spacing-3)}.header-nav-link{font-size:var(--font-size-sm);padding:var(--spacing-1)}}@media (min-width: 1440px){.header-nav{padding:var(--spacing-3) 0;min-height:72px}.header-logo-text{font-size:var(--font-size-3xl)}.header-nav-list{gap:var(--spacing-6)}.header-nav-link{font-size:var(--font-size-lg);padding:var(--spacing-2) var(--spacing-3)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-mobile-nav--open{animation:slideDown var(--transition-normal) ease-out}@media (prefers-contrast: high){.header{background-color:var(--color-surface);border-bottom:2px solid var(--color-text-primary)}.header-nav-link:hover{background-color:var(--color-primary);color:var(--color-surface)}}@media (prefers-reduced-motion: reduce){.header,.header-nav-link,.header-menu-button,.hamburger-line,.header-mobile-nav{transition:none}.header-mobile-nav--open{animation:none}}.footer{background-color:var(--color-text-primary);color:var(--color-surface);padding:var(--spacing-8) 0 var(--spacing-4);margin-top:var(--spacing-8)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.footer-logo{text-align:center}.footer-logo-text{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.footer-links{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.footer-links-section{text-align:center}.footer-links-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-surface);margin-bottom:var(--spacing-3)}.footer-links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-link{color:#fffc;text-decoration:none;font-size:var(--font-size-base);transition:color var(--transition-fast);display:inline-block}.footer-link:hover{color:var(--color-primary)}.footer-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.footer-app-links{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center}.footer-app-link{display:flex;align-items:center;gap:var(--spacing-1);color:#fffc;text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);transition:all var(--transition-fast);min-width:140px;justify-content:center}.footer-app-link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#5bcc021a}.footer-app-icon{width:20px;height:20px;flex-shrink:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:var(--spacing-4)}.footer-bottom-content{display:flex;flex-direction:column;gap:var(--spacing-2);text-align:center}.footer-copyright,.footer-developer{font-size:var(--font-size-sm);color:#ffffffb3;margin:0}.footer-developer-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.footer-developer-link:hover{color:#5bcc02cc}.footer-developer-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}@media (min-width: 768px){.footer-content{grid-template-columns:1fr 2fr;gap:var(--spacing-8);align-items:start}.footer-logo{text-align:left}.footer-links{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.footer-links-section{text-align:left}.footer-app-links{align-items:flex-start}.footer-bottom-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}@media (min-width: 1024px){.footer{padding:var(--spacing-12) 0 var(--spacing-6)}.footer-content{grid-template-columns:1fr 3fr;gap:var(--spacing-12)}.footer-logo-text{font-size:var(--font-size-4xl)}.footer-links{gap:var(--spacing-8)}.footer-links-title{font-size:var(--font-size-xl)}.footer-link{font-size:var(--font-size-lg)}.footer-app-links{flex-direction:row;gap:var(--spacing-3)}.footer-app-link{min-width:160px}}@media (min-width: 1440px){.footer{padding:var(--spacing-16) 0 var(--spacing-8)}.footer-content{gap:var(--spacing-16)}.footer-links{gap:var(--spacing-12)}}[dir=rtl] .footer-logo,[dir=rtl] .footer-links-section{text-align:right}[dir=rtl] .footer-app-links{align-items:flex-end}[dir=rtl] .footer-bottom-content{text-align:right}@media (min-width: 768px){[dir=rtl] .footer-logo,[dir=rtl] .footer-links-section{text-align:right}[dir=rtl] .footer-app-links{align-items:flex-end}[dir=rtl] .footer-bottom-content{text-align:right}}@media (prefers-contrast: high){.footer{background-color:#000;border-top:2px solid var(--color-surface)}.footer-link:hover,.footer-app-link:hover{background-color:var(--color-primary);color:#000}.footer-bottom{border-top-width:2px}}@media (prefers-reduced-motion: reduce){.footer-link,.footer-app-link,.footer-developer-link{transition:none}}@media print{.footer{background-color:transparent;color:var(--color-text-primary);border-top:1px solid var(--color-border)}.footer-logo-text,.footer-link,.footer-developer-link{color:var(--color-text-primary)}.footer-app-links{display:none}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #5bcc02;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-container.small .loading-spinner{width:20px;height:20px;border-width:2px}.loading-spinner-container.medium .loading-spinner{width:40px;height:40px;border-width:3px}.loading-spinner-container.large .loading-spinner{width:60px;height:60px;border-width:4px}.loading-text{margin-top:1rem;color:#666;font-size:14px}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fafbfc,#f8f9fa,#fff);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);position:relative;z-index:2;animation:fadeInUp .8s ease-out}.loading-logo{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.logo-image{width:100%;height:100%;object-fit:contain;border-radius:var(--border-radius-xl);animation:logoFloat 3s ease-in-out infinite;position:relative;z-index:2}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(91,204,2,.2) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}.loading-content{text-align:center;animation:fadeInUp .8s ease-out .2s both}.loading-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-medium)}.loading-spinner{animation:fadeInUp .8s ease-out .4s both}.spinner-ring{position:relative;width:60px;height:60px}.spinner-circle{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-circle:nth-child(1){border-top-color:var(--color-primary);animation-delay:0s}.spinner-circle:nth-child(2){border-right-color:var(--color-secondary);animation-delay:.5s;width:80%;height:80%;top:10%;left:10%}.spinner-circle:nth-child(3){border-bottom-color:var(--color-primary);animation-delay:1s;width:60%;height:60%;top:20%;left:20%}.loading-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);animation:fadeInUp .8s ease-out .6s both}.progress-bar{width:200px;height:4px;background:#5bcc021a;border-radius:var(--border-radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-full);animation:progressFill 2s ease-in-out infinite;box-shadow:0 0 10px #5bcc024d}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);animation:textPulse 1.5s ease-in-out infinite}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.bg-circle{position:absolute;border-radius:50%;background:linear-gradient(45deg,#5bcc020d,#5bcc0205);animation:float 8s ease-in-out infinite}.bg-circle-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.bg-circle-2{width:200px;height:200px;top:60%;right:15%;animation-delay:2s}.bg-circle-3{width:150px;height:150px;bottom:20%;left:20%;animation-delay:4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressFill{0%{width:0%;opacity:1}50%{width:70%;opacity:.8}to{width:100%;opacity:1}}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}@media (max-width: 768px){.loading-logo{width:100px;height:100px}.logo-glow{width:120px;height:120px}.loading-title{font-size:var(--font-size-3xl)}.loading-subtitle{font-size:var(--font-size-base)}.spinner-ring{width:50px;height:50px}.progress-bar{width:160px}.bg-circle-1{width:200px;height:200px}.bg-circle-2{width:150px;height:150px}.bg-circle-3{width:100px;height:100px}}@media (max-width: 480px){.loading-container{gap:var(--spacing-4)}.loading-logo{width:80px;height:80px}.logo-glow{width:100px;height:100px}.loading-title{font-size:var(--font-size-2xl)}.loading-subtitle{font-size:var(--font-size-sm)}.progress-bar{width:140px}}@media (prefers-contrast: high){.loading-screen{background:#fff}.loading-title{-webkit-text-fill-color:#000000;color:#000}.bg-circle,.logo-glow{display:none}}@media (prefers-reduced-motion: reduce){.logo-image,.logo-glow,.spinner-circle,.bg-circle,.progress-fill,.progress-text{animation:none}.loading-container{animation:none;opacity:1;transform:none}}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.main-content{flex:1;padding-top:64px;position:relative}.main-content>section{position:relative;overflow:hidden}@media (max-width: 320px){.main-content{padding-top:56px}}@media (min-width: 321px) and (max-width: 767px){.main-content{padding-top:60px}}@media (min-width: 768px) and (max-width: 1023px){.main-content{padding-top:72px}}@media (min-width: 1024px) and (max-width: 1439px){.main-content{padding-top:76px}}@media (min-width: 1440px){.main-content{padding-top:80px}}.main-content>section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.main-content>section.in-view{opacity:1;transform:translateY(0)}.main-content>section:nth-child(1){transition-delay:.1s}.main-content>section:nth-child(2){transition-delay:.2s}.main-content>section:nth-child(3){transition-delay:.3s}.main-content>section:nth-child(4){transition-delay:.4s}.main-content>section:nth-child(5){transition-delay:.5s}.main-content>section#hero{opacity:1;transform:translateY(0);transition:none}html{scroll-behavior:smooth}.main-content:focus-within{outline:none}.main-content{will-change:scroll-position;transform:translateZ(0)}[dir=rtl] .main-content{direction:rtl}[dir=rtl] .main-content>section{direction:rtl}@media (orientation: landscape) and (max-height: 500px){.main-content{padding-top:48px}}@media (prefers-contrast: high){.main-content>section{border-bottom:1px solid var(--color-text-primary)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.main-content>section{opacity:1;transform:none;transition:none}}