@charset "UTF-8";:root{--clr-bg: #f8f9fc;--clr-bg-2: #ffffff;--clr-bg-card: #ffffff;--clr-border: rgba(0, 0, 0, .08);--clr-accent: #78C62D;--clr-accent-2: #5a9e1f;--clr-secondary: #2D4D5E;--clr-text: #0f172a;--clr-text-muted: #64748b;--clr-shadow: rgba(0, 0, 0, .07);--nav-scrolled-bg: 248, 249, 252;--clr-accent-rgb: 120, 198, 45;--clr-secondary-rgb: 45, 77, 94;--font-ar: "Cairo", sans-serif;--font-en: "Inter", sans-serif;--font-base: var(--font-ar);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-28: 7rem;--sp-32: 8rem;--container-max: 1200px;--nav-height: 72px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition: .2s ease}[data-theme=dark]{--clr-bg: #0b0f0d;--clr-bg-2: #111a14;--clr-bg-card: #16211a;--clr-border: rgba(255, 255, 255, .08);--clr-text: #f1f5f9;--clr-text-muted: #94a3b8;--clr-shadow: rgba(0, 0, 0, .3);--nav-scrolled-bg: 11, 15, 13}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light dark}body{font-family:var(--font-base);background-color:var(--clr-bg);color:var(--clr-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--sp-6)}.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}.mesh-bg{background-color:var(--clr-bg);background-image:radial-gradient(ellipse 60% 50% at 70% 20%,rgba(var(--clr-accent-rgb),.07) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(var(--clr-secondary-rgb),.05) 0%,transparent 70%)}[data-theme=dark] .mesh-bg{background-image:radial-gradient(ellipse 60% 50% at 70% 20%,rgba(var(--clr-accent-rgb),.12) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(var(--clr-secondary-rgb),.1) 0%,transparent 70%)}
