@font-face{font-family:Wefaq;src:url(/fonts/Wefaq.otf) format("opentype");font-weight:400;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+FE70-FEFF,U+FB50-FDFF}:root{--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-arabic: "Wefaq", serif;--font-arabic-heading: "Wefaq", serif;--color-text: #ffffff;--color-bg: #0a0a0a;--overlay: rgba(0, 0, 0, 0);--nav-height: 90px;--primary-accent: #D4AF37;--secondary-accent: #B8860B;--gold-accent: #FFD700;--neutral-light: #FFFFFF;--neutral-dark: #000000;--black-900: #0a0a0a;--black-800: #1a1a1a;--black-700: #2a2a2a;--black-600: #3a3a3a;--black-500: #4a4a4a;--white-100: #ffffff;--white-90: rgba(255,255,255,.9);--white-70: rgba(255,255,255,.7);--white-50: rgba(255,255,255,.5);--white-30: rgba(255,255,255,.3);--gradient-primary: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%);--gradient-dark: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--gradient-black: linear-gradient(180deg, #000000 0%, #1a1a1a 100%);--gradient-gold-subtle: linear-gradient(135deg, rgba(212,175,55,.1) 0%, rgba(255,215,0,.05) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--shadow-gold: 0 4px 16px rgba(212, 175, 55, .2);--shadow-gold-glow: 0 0 20px rgba(212, 175, 55, .3);--radius-sm: 4px;--radius-md: 6px;--radius-none: 0px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container-responsive{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}@media (min-width: 641px){.container-responsive{padding:0 1.5rem}}@media (min-width: 1025px){.container-responsive{padding:0 2rem}}.text-responsive{font-size:clamp(.9rem,4vw,1rem);line-height:1.6}.heading-responsive{font-size:clamp(1.5rem,6vw,2.5rem);line-height:1.2}.spacing-responsive{padding:clamp(1rem,4vw,2rem)}.gap-responsive{gap:clamp(1rem,3vw,2rem)}.navbar-header{width:100%;max-width:100vw;overflow:hidden;box-sizing:border-box}@media (max-width: 640px){:root{--nav-height: 60px;--mobile-padding: 1rem;--mobile-gap: 1rem}body{font-size:14px;line-height:1.5}.scroll-reveal,.scroll-reveal-left,.scroll-reveal-right{opacity:1!important;transform:translateY(0)!important}button,a[role=button]{min-height:44px;min-width:44px}p,span,div{line-height:1.6}.grid-responsive{grid-template-columns:1fr!important;gap:1rem!important}.navbar-header{height:60px!important;padding:0 1rem!important}.navbar-header .mobile-menu-container{padding:0 1rem!important;max-width:100%!important}.navbar-header .desktop-menu{display:none!important}.navbar-header .mobile-menu-button{display:flex!important}h1{font-size:clamp(1.8rem,8vw,2.5rem)!important}h2{font-size:clamp(1.5rem,6vw,2rem)!important}h3{font-size:clamp(1.2rem,5vw,1.5rem)!important}p{font-size:clamp(.9rem,4vw,1rem)!important}}@media (min-width: 641px) and (max-width: 1024px){:root{--nav-height: 70px;--tablet-padding: 1.5rem;--tablet-gap: 1.5rem}.grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}button,a[role=button]{min-height:48px}body{font-size:15px}.navbar-header{height:70px!important;padding:0 1.5rem!important}.navbar-header .mobile-menu-container{padding:0 1.5rem!important}.navbar-header .mobile-menu-button{display:none!important}.navbar-header .desktop-menu{display:flex!important}h1{font-size:clamp(2.5rem,6vw,3.5rem)!important}h2{font-size:clamp(2rem,5vw,2.8rem)!important}h3{font-size:clamp(1.5rem,4vw,2rem)!important}}@media (min-width: 1025px){:root{--nav-height: 90px;--desktop-padding: 2rem;--desktop-gap: 2rem}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:2rem!important}button,a[role=button]{min-height:52px}body{font-size:16px}.navbar-header{height:90px!important;padding:0 2rem!important}.navbar-header .mobile-menu-container{padding:0 2rem!important}.navbar-header .mobile-menu-button{display:none!important}.navbar-header .desktop-menu{display:flex!important}}@media (min-width: 1440px){:root{--large-desktop-padding: 3rem;--large-desktop-gap: 3rem}h1{font-size:clamp(3rem,4vw,4rem)!important}}@media (hover: none) and (pointer: coarse){button,a,input,select{min-height:44px;min-width:44px}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],textarea,select{background:var(--black-700)!important;border:1px solid rgba(212,175,55,.2)!important;color:var(--white-100)!important;font-family:Inter,sans-serif;transition:all var(--transition-base)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-accent)!important;box-shadow:0 0 0 3px #d4af371a}input::placeholder,textarea::placeholder{color:#0006}label{font-weight:500}select option{background:var(--black-800);color:var(--white-100)}@media (max-width: 640px){[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="padding: 30px"],[style*="padding: 2rem"],[style*="padding: 3rem"]{padding:var(--mobile-padding)!important}[style*="gap: 30px"],[style*="gap: 2rem"],[style*="gap: 3rem"]{gap:var(--mobile-gap)!important}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-center{text-align:center!important}.mobile-stack{flex-direction:column!important}}@media (min-width: 641px) and (max-width: 1024px){[style*="repeat(auto-fill"],[style*="repeat(auto-fit"]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.tablet-hidden{display:none!important}.tablet-2-col{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1025px){.desktop-hidden{display:none!important}.desktop-3-col{grid-template-columns:repeat(3,1fr)!important}.desktop-4-col{grid-template-columns:repeat(4,1fr)!important}}.responsive-padding{padding:var(--mobile-padding)}@media (min-width: 641px){.responsive-padding{padding:var(--tablet-padding)}}@media (min-width: 1025px){.responsive-padding{padding:var(--desktop-padding)}}@media (min-width: 1440px){.responsive-padding{padding:var(--large-desktop-padding)}}.responsive-gap{gap:var(--mobile-gap)}@media (min-width: 641px){.responsive-gap{gap:var(--tablet-gap)}}@media (min-width: 1025px){.responsive-gap{gap:var(--desktop-gap)}}@media (min-width: 1440px){.responsive-gap{gap:var(--large-desktop-gap)}}a{color:inherit;text-decoration:none}a:hover{opacity:.9}a:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}section{transition:all .8s cubic-bezier(.4,0,.2,1)}.glass-morphism{background:#1a1a1acc;backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.1)}.text-contrast-high{color:var(--white-100);text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-contrast-medium{color:var(--white-90)}.text-contrast-low{color:var(--white-70)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--black-700) 25%,var(--black-600) 50%,var(--black-700) 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.parallax-element{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.parallax-bg,.parallax-content{transform:translateZ(0);transition:transform .1s ease-out}.parallax-float{animation:parallaxFloat 6s ease-in-out infinite}@keyframes parallaxFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.scroll-reveal-smooth{opacity:0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal-smooth.revealed{opacity:1;transform:translateY(0)}.depth-layer-1{transform:translateZ(10px)}.depth-layer-2{transform:translateZ(20px)}.depth-layer-3{transform:translateZ(30px)}html{scroll-behavior:smooth;overflow-y:scroll;height:100vh}main{perspective:1000px;transform-style:preserve-3d}section{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 1s ease-out forwards}.parallax-element{will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.parallax-element{transform:none!important}}html[lang=ar] *{font-family:var(--font-arabic)!important}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] .heading,html[lang=ar] .title{font-family:var(--font-arabic-heading)!important}