/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .relative {
    position: relative;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .bg-\[\#F7F9FC\] {
    background-color: #F7F9FC;
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .placeholder-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .hover\:border-emerald-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:text-indigo-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-700);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-emerald-500 {
    &:focus {
      --tw-ring-color: var(--color-emerald-500);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

/* =========================================================
   Ahmed Elhenawy — production overrides
   RTL / compact layout / app platform UI
   ========================================================= */
:root{--ah-green:#12c47a;--ah-green-dark:#0aa66a;--ah-purple:#5b4fef;--ah-bg:#f7f9fc;--ah-text:#101828;--ah-muted:#667085;--ah-border:#e5e9f0;--ah-card:#fff;--ah-shadow:0 12px 34px rgba(16,24,40,.07)}
html{direction:rtl!important;scroll-behavior:smooth}body{direction:rtl!important;text-align:right!important;margin:0;background:var(--ah-bg);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif!important;color:var(--ah-text);overflow-x:hidden}.rtl,.wp-site-blocks,.wp-block-post-content{direction:rtl;text-align:right}.wp-site-blocks>*{margin-block-start:0}.apps-container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--ah-border)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ah-text)!important;font-weight:800;font-size:22px;text-decoration:none}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--ah-purple);color:#fff;font-size:24px;box-shadow:0 8px 20px rgba(91,79,239,.2)}.desktop-nav{display:flex;align-items:center;gap:24px;margin-inline:auto}.desktop-nav a{font-size:14px;font-weight:600;color:#475467;text-decoration:none;transition:.2s}.desktop-nav a:hover{color:var(--ah-green)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid var(--ah-border);border-radius:14px;background:#fff;color:#475467;display:grid;place-items:center;cursor:pointer;font-size:21px;transition:.2s;text-decoration:none}.icon-btn:hover{border-color:#cdd4df;transform:translateY(-1px)}.mobile-menu-btn,.mobile-menu{display:none}.mobile-menu{padding:10px 0 18px;border-top:1px solid var(--ah-border);background:#fff}.mobile-menu>div{display:grid;gap:5px}.mobile-menu a{padding:12px 4px;font-weight:600;color:#344054;text-decoration:none}
.app-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(900px 340px at 80% 0%,rgba(91,79,239,.08),transparent 65%),radial-gradient(700px 300px at 10% 20%,rgba(18,196,122,.08),transparent 65%),var(--ah-bg);padding:58px 0 50px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:52px;position:relative;z-index:2}.hero-copy{text-align:right}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe8e5;color:#15734f;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 7px 20px rgba(16,24,40,.04);animation:heroIn .65s both}.hero-badge span{width:9px;height:9px;border-radius:50%;background:var(--ah-green);box-shadow:0 0 0 6px rgba(18,196,122,.1);animation:ahPulse 2.2s infinite}.hero-copy h1{margin:18px 0 0;font-size:clamp(40px,5vw,62px);line-height:1.18;letter-spacing:-.7px;font-weight:800;animation:heroIn .7s .08s both}.hero-copy h1 em{font-style:normal;color:var(--ah-green);position:relative;white-space:nowrap}.hero-copy h1 em:after{content:"";position:absolute;right:0;left:4%;bottom:-5px;height:7px;background:rgba(18,196,122,.16);border-radius:999px;transform:skewX(-10deg);animation:underlineIn .7s .6s both}.hero-rotator{display:flex;align-items:center;gap:10px;margin-top:16px;min-height:42px;font-size:24px;font-weight:700;animation:heroIn .7s .16s both}.hero-rotator span{color:#344054}.hero-rotator strong{display:inline-block;color:var(--ah-purple);height:1.45em;overflow:hidden}.hero-rotator strong.is-out{animation:wordOut .35s both}.hero-rotator strong.is-in{animation:wordIn .45s both}.hero-copy>p{max-width:680px;margin:14px 0 0;color:var(--ah-muted);font-size:17px;line-height:1.9;animation:heroIn .7s .24s both}.hero-search{margin-top:24px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe4eb;border-radius:22px;padding:7px 8px 7px 10px;box-shadow:0 18px 45px rgba(16,24,40,.09);animation:heroIn .7s .32s both;transition:.25s}.hero-search:focus-within{border-color:rgba(18,196,122,.65);box-shadow:0 0 0 5px rgba(18,196,122,.09),0 18px 45px rgba(16,24,40,.09)}.hero-search svg{width:23px;height:23px;fill:none;stroke:#98a2b3;stroke-width:1.8;flex:0 0 auto}.hero-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;padding:11px 4px;font-size:16px;color:var(--ah-text);text-align:right}.hero-search button{border:0;border-radius:16px;background:linear-gradient(135deg,#16c784,#0fa96c);color:#fff;font-weight:700;padding:13px 28px;cursor:pointer;box-shadow:0 8px 18px rgba(18,196,122,.18);transition:.2s}.hero-search button:hover{transform:translateY(-1px)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;animation:heroIn .7s .4s both}.hero-stats>div{background:#fff;border:1px solid var(--ah-border);border-radius:18px;padding:13px 10px;text-align:center}.hero-stats strong{display:block;font-size:25px;line-height:1.15;font-weight:800}.hero-stats span{display:block;margin-top:4px;color:var(--ah-muted);font-size:12px}.hero-showcase{position:relative;min-height:380px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:center;padding:12px}.hero-app-float{animation:floatCard 5.5s ease-in-out infinite}.hero-float-1{animation-delay:-1.2s}.hero-float-2{animation-delay:-2.4s}.hero-float-3{animation-delay:-3.7s}.hero-showcase .app-card{box-shadow:var(--ah-shadow);background:#fff}.hero-showcase .app-card-main{padding:14px}.hero-showcase .app-card .app-download{display:none}.hero-showcase .app-card:nth-child(odd){transform:translateY(-8px)}.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0;opacity:.65}.hero-orb-one{width:230px;height:230px;right:3%;top:-80px;background:rgba(91,79,239,.12);animation:orbFloat 11s ease-in-out infinite}.hero-orb-two{width:190px;height:190px;left:8%;bottom:-70px;background:rgba(18,196,122,.12);animation:orbFloat 13s ease-in-out infinite reverse}
.category-strip{background:#fff;border-bottom:1px solid #edf0f4;padding:15px 0}.category-scroll{display:flex;gap:10px;overflow:auto;scrollbar-width:none;padding:1px}.category-scroll::-webkit-scrollbar{display:none}.category-scroll a{white-space:nowrap;padding:10px 17px;border:1px solid #e2e7ef;border-radius:999px;background:#f8faff;color:#4f5dce;font-weight:600;text-decoration:none;transition:.2s}.category-scroll a:hover{background:#eef0ff;border-color:#d6d9ff;transform:translateY(-1px)}
.apps-section{padding:50px 0;background:#fff}.section-soft{background:#f7f9fc}.section-games{background:linear-gradient(180deg,#f3f0ff 0%,#f8f7ff 100%)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h1,.section-heading h2{margin:0;font-size:30px;font-weight:800;display:flex;align-items:center;gap:12px}.section-heading h1:before,.section-heading h2:before{content:"";width:6px;height:32px;border-radius:99px;background:var(--ah-purple);display:block}.section-heading a{color:var(--ah-purple);font-weight:600;text-decoration:none}.apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-card{min-width:0;background:var(--ah-card);border:1px solid var(--ah-border);border-radius:22px;display:flex;align-items:center;gap:12px;padding:12px;transition:transform .25s,box-shadow .25s,border-color .25s}.app-card:hover{transform:translateY(-4px);box-shadow:var(--ah-shadow);border-color:#d9dfe8}.app-card-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.app-icon{width:62px;height:62px;flex:0 0 62px;border-radius:18px;object-fit:cover;background:#eef2f6}.app-card-info{min-width:0}.app-card h3{font-size:16px;line-height:1.4;font-weight:800;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-developer{margin:3px 0;color:#7a8699;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-meta{display:flex;gap:6px;color:#7a8699;font-size:11px;margin-top:3px}.app-rating{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:11px;color:#667085;flex-wrap:wrap}.stars{color:#f5a623;letter-spacing:-2px}.downloads{color:#98a2b3}.app-download{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--ah-green);color:#fff!important;border-radius:14px;padding:10px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.app-download:hover{background:var(--ah-green-dark);transform:translateY(-1px)}.empty-state{grid-column:1/-1;text-align:center;color:#98a2b3;padding:35px}.archive-apps{min-height:50vh}
.app-single{padding:34px 0 60px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#7a8699;font-size:13px;margin-bottom:22px}.breadcrumbs a{color:var(--ah-purple);text-decoration:none}.single-head{background:#fff;border:1px solid var(--ah-border);border-radius:28px;padding:24px;display:flex;align-items:center;gap:20px}.single-head img{width:104px;height:104px;border-radius:26px;object-fit:cover}.official-badge{color:#12a56e;font-weight:700;font-size:13px}.single-head h1{font-size:38px;line-height:1.25;margin:7px 0}.single-head p{color:#667085;margin:0}.single-info{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;background:#fff;border:1px solid var(--ah-border);border-radius:22px;overflow:hidden}.single-info>div{padding:20px;text-align:center;border-inline-start:1px solid var(--ah-border)}.single-info>div:first-child{border-inline-start:0}.single-info span,.single-info strong{display:block}.single-info span{color:#98a2b3;font-size:13px}.single-info strong{font-size:20px;margin-top:4px}.download-box{margin-top:18px;background:#fff;border:1px solid var(--ah-border);border-radius:24px;overflow:hidden}.download-box h2{margin:0;padding:20px 22px;background:#f1f4fa;font-size:22px}.download-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-top:1px solid var(--ah-border);text-decoration:none;color:inherit}.download-row span{display:flex;flex-direction:column;gap:4px}.download-row small{color:#7a8699}.download-row>strong{background:#12c47a;color:#fff;padding:10px 18px;border-radius:13px}.app-content{margin-top:22px;background:#fff;border:1px solid var(--ah-border);border-radius:24px;padding:25px;line-height:1.95}.app-content h2{margin-top:0}
.site-footer{background:#fff;border-top:1px solid var(--ah-border);padding:46px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer-grid p{color:#667085;line-height:1.9}.footer-grid h3{font-size:16px;margin:0 0 13px}.footer-grid>a,.footer-grid div>a{display:block;color:#667085;text-decoration:none;margin:9px 0}.footer-grid div>a:hover{color:var(--ah-green)}.footer-brand{margin-bottom:12px}.footer-bottom{border-top:1px solid var(--ah-border);margin-top:32px;padding-top:18px;color:#98a2b3;font-size:13px}.footer-bottom span{color:#667085;font-weight:600}
@keyframes heroIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes underlineIn{from{width:0;opacity:0}to{width:96%;opacity:1}}@keyframes ahPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes wordIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wordOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(20px,-16px,0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-showcase{min-height:250px;max-width:720px;width:100%;margin-inline:auto}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-nav{gap:14px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-search{max-width:760px;margin-inline:auto;margin-top:24px}.hero-stats{max-width:760px;margin-inline:auto}.hero-badge{margin-inline:auto}}
@media(max-width:720px){.apps-container{width:min(100% - 28px,1200px)}.header-inner{min-height:68px}.desktop-nav{display:none}.mobile-menu-btn{display:grid}.mobile-menu[hidden]{display:none}.mobile-menu:not([hidden]){display:block}.brand{font-size:18px}.brand-icon{width:38px;height:38px;border-radius:13px}.header-actions{gap:5px}.icon-btn{width:40px;height:40px;border-radius:12px}.app-hero{padding:38px 0 34px}.hero-grid{gap:10px}.hero-copy h1{font-size:36px;letter-spacing:-.3px}.hero-rotator{justify-content:center;font-size:21px}.hero-copy>p{font-size:15px;line-height:1.85}.hero-search{margin-top:20px;border-radius:18px;padding:6px}.hero-search input{font-size:14px;padding:10px 2px}.hero-search button{padding:11px 18px;border-radius:14px}.hero-stats{gap:8px;margin-top:18px}.hero-stats>div{padding:11px 5px;border-radius:15px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:10px}.hero-showcase{min-height:0;margin-top:14px;grid-template-columns:1fr 1fr;gap:9px}.hero-showcase .app-card{padding:9px;border-radius:17px}.hero-showcase .app-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}.hero-showcase .app-card h3{font-size:12px}.hero-showcase .app-developer,.hero-showcase .app-meta,.hero-showcase .app-rating{display:none}.category-strip{padding:11px 0}.category-scroll{gap:8px}.category-scroll a{padding:8px 13px;font-size:12px}.apps-section{padding:36px 0}.section-heading{margin-bottom:17px}.section-heading h1,.section-heading h2{font-size:24px}.section-heading h1:before,.section-heading h2:before{width:5px;height:26px}.apps-grid{grid-template-columns:1fr;gap:11px}.app-card{border-radius:19px;padding:10px}.app-icon{width:58px;height:58px;flex-basis:58px;border-radius:16px}.app-card h3{font-size:15px}.app-download{padding:9px 12px;border-radius:12px}.single-head{padding:18px;border-radius:22px}.single-head img{width:78px;height:78px;border-radius:20px}.single-head h1{font-size:26px}.single-info strong{font-size:17px}.single-info>div{padding:15px 8px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:430px){.hero-copy h1{font-size:33px}.hero-badge{font-size:12px}.hero-showcase .app-card:nth-child(3),.hero-showcase .app-card:nth-child(4){display:none}.hero-showcase{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-badge,.hero-copy h1,.hero-rotator,.hero-copy>p,.hero-search,.hero-stats,.hero-app-float,.hero-orb-one,.hero-orb-two,.hero-badge span{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.app-card,.icon-btn,.app-download{transition:none}}
html.dark body{background:#0f172a;color:#f8fafc}html.dark .site-header,html.dark .mobile-menu,html.dark .site-footer,html.dark .apps-section:not(.section-soft):not(.section-games),html.dark .category-strip,html.dark .hero-search,html.dark .app-card,html.dark .hero-badge,html.dark .hero-stats>div,html.dark .single-head,html.dark .single-info,html.dark .download-box,html.dark .app-content{background:#172033;color:#f8fafc;border-color:#263247}html.dark .desktop-nav a,html.dark .mobile-menu a,html.dark .hero-rotator span,html.dark .hero-copy>p,html.dark .app-developer,html.dark .app-meta,html.dark .app-rating,html.dark .downloads,html.dark .footer-grid p,html.dark .footer-grid a,html.dark .footer-bottom{color:#aab6c8}html.dark .hero-copy h1,html.dark .section-heading h1,html.dark .section-heading h2,html.dark .app-card h3,html.dark .single-head h1{color:#f8fafc}html.dark .icon-btn{background:#172033;color:#dbe4f0;border-color:#263247}html.dark .category-strip{border-color:#263247}html.dark .category-scroll a{background:#1c2640;border-color:#2a3750;color:#b9c2ff}html.dark .section-soft{background:#111a2b}html.dark .section-games{background:#17172d}html.dark .single-info>div,html.dark .download-row{border-color:#263247}html.dark .download-box h2{background:#1c2638}html.dark .hero-orb-one{background:rgba(91,79,239,.2)}html.dark .hero-orb-two{background:rgba(18,196,122,.16)}

/* Ahmed Elhenawy v2.1 — mobile layout and article system fixes */
.apps-site{width:100%;max-width:100%;overflow:hidden}
.apps-container{width:calc(100% - 40px);max-width:1200px;min-width:0}
.hero-grid,.hero-copy,.hero-showcase,.apps-grid,.app-card,.app-card-main,.app-card-info{min-width:0}
.hero-copy h1,.hero-copy>p,.hero-rotator{max-width:100%;overflow-wrap:anywhere}
.article-page{padding:28px 0 56px;background:var(--ah-bg)}
.article-page>.apps-container{display:block}
.article-shell{background:#fff;border:1px solid var(--ah-border);border-radius:28px;overflow:hidden;box-shadow:0 10px 35px rgba(16,24,40,.04)}
.article-header{padding:34px 38px 24px;text-align:right}
.article-category{display:inline-flex;align-items:center;background:#eefbf5;color:#0e9f68;border:1px solid #d7f1e5;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;text-decoration:none}
.article-header h1{margin:15px 0 10px;color:var(--ah-text);font-size:clamp(30px,4vw,48px);line-height:1.3;font-weight:800;letter-spacing:-.4px}
.article-meta{display:flex;flex-wrap:wrap;gap:8px;color:#7a8699;font-size:13px}
.article-cover{margin:0;padding:0 38px 30px}
.article-cover img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:22px;border:1px solid var(--ah-border)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:0 38px 38px;align-items:start}
.article-main{min-width:0}
.article-content{color:#1d2939;font-size:17px;line-height:2;overflow-wrap:anywhere}
.article-content>p:first-child{margin-top:0}
.article-content p{margin:0 0 1.2em}
.article-content h2,.article-content h3,.article-content h4{color:#101828;font-weight:800;line-height:1.45;margin:1.5em 0 .6em}
.article-content h2{font-size:28px}.article-content h3{font-size:23px}.article-content h4{font-size:20px}
.article-content ul,.article-content ol{padding-inline-start:1.5em;margin:0 0 1.2em}
.article-content img{max-width:100%;height:auto;border-radius:18px}
.article-content blockquote{margin:1.5em 0;padding:16px 20px;border-inline-start:4px solid var(--ah-green);background:#f4fbf7;border-radius:12px;color:#475467}
.article-content a{color:#157f59;text-decoration:underline;text-underline-offset:3px}
.article-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0}
.article-content th,.article-content td{padding:10px;border:1px solid var(--ah-border)}
.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid var(--ah-border)}
.article-share>span{font-weight:800;margin-inline-end:4px}.article-share a{padding:8px 12px;border-radius:12px;background:#f2f4f7;color:#344054;text-decoration:none;font-size:13px;font-weight:600}
.article-sidebar{min-width:0;position:sticky;top:94px}.sidebar-card{background:#f7f9fc;border:1px solid var(--ah-border);border-radius:22px;padding:18px}.sidebar-card h2{margin:0 0 10px;font-size:20px;font-weight:800}.related-post{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-top:1px solid var(--ah-border);text-decoration:none;color:#101828}.related-post span{font-size:14px;font-weight:700;line-height:1.55}.related-post small{color:#98a2b3;font-size:11px}.sidebar-empty{color:#98a2b3;font-size:13px}
.article-related{margin:28px 0 0;border-radius:26px;padding:32px 0 38px}
.article-related .apps-container{width:100%}
.article-related.apps-section{padding-inline:0}
.article-related .section-heading{padding-inline:0}

@media(max-width:1050px){
  .apps-container{width:calc(100% - 32px)}
  .article-layout{grid-template-columns:1fr}
  .article-sidebar{position:static}
}
@media(max-width:720px){
  .apps-container{width:calc(100% - 28px);max-width:none}
  .app-hero{padding:30px 0 28px}
  .hero-grid{display:block}
  .hero-copy{text-align:center;width:100%;max-width:100%}
  .hero-badge{max-width:100%;font-size:12px;white-space:nowrap}
  .hero-copy h1{font-size:34px;line-height:1.3;margin-top:14px;word-break:normal}
  .hero-rotator{justify-content:center;margin-top:9px;min-height:36px;font-size:20px}
  .hero-copy>p{font-size:14px;line-height:1.8;margin-top:10px}
  .hero-search{width:100%;max-width:100%;margin-top:18px}
  .hero-stats{width:100%;max-width:100%;margin-top:16px}
  .hero-showcase{margin-top:16px;width:100%;max-width:100%;min-height:0}
  .category-strip{margin-top:0}
  .apps-section{padding:30px 0}
  .article-page{padding:18px 0 40px}
  .article-shell{border-radius:20px}
  .article-header{padding:22px 18px 16px}
  .article-header h1{font-size:28px;line-height:1.4;margin-top:12px}
  .article-meta{font-size:12px}
  .article-cover{padding:0 18px 20px}
  .article-cover img{border-radius:16px;max-height:420px}
  .article-layout{padding:0 18px 24px;gap:20px}
  .article-content{font-size:16px;line-height:1.95}
  .article-content h2{font-size:24px}.article-content h3{font-size:20px}
  .article-sidebar{display:none}
  .article-share{margin-top:24px}
  .article-related{margin-top:18px;padding:26px 0 30px;border-radius:20px}
  .article-related .apps-container{width:calc(100% - 28px)}
}
@media(max-width:430px){
  .apps-container{width:calc(100% - 24px)}
  .hero-copy h1{font-size:31px}
  .hero-badge{font-size:11px;padding:7px 11px}
  .hero-showcase{gap:8px}
  .article-header h1{font-size:25px}
  .article-content{font-size:15.5px}
}
html.dark .article-shell,html.dark .sidebar-card,html.dark .article-related{background:#172033;color:#f8fafc;border-color:#263247}
html.dark .article-header h1,html.dark .article-content h2,html.dark .article-content h3,html.dark .article-content h4,html.dark .related-post{color:#f8fafc}
html.dark .article-content{color:#dbe4f0}.dark .article-content blockquote{background:#1c2935}

/* Ahmed Elhenawy v2.2 — logged-out/public rendering and classic PHP templates */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
body.ahmed-downloads-theme { direction:rtl; text-align:right; }
.page-fallback { padding:32px 0 60px; background:var(--ah-bg); }
.page-fallback .article-shell { max-width:1200px; margin-inline:auto; }