@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-border)25%,var(--color-surface-alt)50%,var(--color-border)75%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.4s infinite skeleton-shimmer}
.btn{justify-content:center;align-items:center;gap:var(--space-2);padding-block:var(--space-3);padding-inline:var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;border:var(--border-width)solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}.btn--secondary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn--outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn--outline:hover{background-color:var(--color-primary-light)}
.page-layout{flex-direction:column;min-height:100dvh;display:flex}.page-main{flex:1}.container{width:100%;max-width:var(--max-width-content);padding-inline:var(--space-6);margin-inline:auto}.container--narrow{max-width:var(--max-width-narrow)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:700}
:root{--color-primary:#6a863f;--color-primary-dark:#506830;--color-primary-light:#e8f3dc;--color-secondary:#3e603e;--color-secondary-dark:#2d4a2d;--color-surface:#fff;--color-surface-alt:#f7f7f5;--color-border:#e2e2df;--color-text:#1a1a18;--color-text-muted:#666660;--color-text-inverse:#fff;--color-error:#c0392b;--color-error-bg:#fdf0ee;--font-arabic:"Cairo","Arial",sans-serif;--font-latin:"Inter","Helvetica Neue",sans-serif;--font-body:var(--font-arabic);--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;--line-height-tight:1.25;--line-height-base:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width-content:72rem;--max-width-narrow:48rem;--header-height:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--border-width:1px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.15s ease;--transition-base:.25s ease;--z-header:100;--z-modal:200;--z-toast:300}[data-theme=dark]{--color-primary-light:#1a2210;--color-surface:#000;--color-surface-alt:#0f0f0f;--color-border:#242424;--color-text:#fff;--color-text-muted:#9aa09a;--color-error:#e05252;--color-error-bg:#2a1515;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000000b3}:lang(ar){--font-body:var(--font-arabic)}:lang(en){--font-body:var(--font-latin)}@media (max-width:768px){:root{--space-6:1rem}}
.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.site-header,.site-footer,.hero__ctas,.locale-switcher{display:none}}