/* GENERATED by scripts/page-css.mjs (crash) — do not edit. tokens.css + navbar.css + footer.css + wizard.css whole; learn-landing.css + design.css purged to what the page can show. */

/* ── tokens.css ── */

@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url('/fonts/thmanyahserifdisplay-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url('/fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url('/fonts/thmanyahserifdisplay-Black.woff2') format('woff2');font-weight:900;font-display:swap}

@font-face{font-family:'Ghroob Geometric';src:url('/fonts/ghroob-Bold.woff2') format('woff2');font-weight:1 1000;font-display:swap}

@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Black.woff2') format('woff2');font-weight:900;font-display:swap}

@font-face{font-family:'Aref Ruqaa Ink';src:url('/fonts/arefruqaaink-400-arabic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Aref Ruqaa Ink';src:url('/fonts/arefruqaaink-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Aref Ruqaa Ink';src:url('/fonts/arefruqaaink-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

@font-face{font-family:'Aref Ruqaa Mono';src:url('/fonts/arefruqaa-mono-400-arabic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Aref Ruqaa Mono';src:url('/fonts/arefruqaa-mono-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Aref Ruqaa Mono';src:url('/fonts/arefruqaa-mono-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-300-arabic.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-300-latin-ext.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-300-latin.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-400-arabic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-500-arabic.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-500-latin-ext.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-600-arabic.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-600-latin-ext.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-600-latin.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-700-arabic.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-700-latin-ext.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-700-latin.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

button, input, textarea, select { font-family: inherit; }

body { font-feature-settings: var(--ff-body); }

:root {
  

  
  --abdul-indigo-950: #160640;
  --abdul-indigo-900: #1f0a52;   
  --abdul-indigo-800: #2e108f;
  --abdul-violet-700: #3d18bf;   
  --abdul-violet-600: #5526e0;

  
  --abdul-blue-500: #3f74f0;     
  --abdul-blue-400: #4aa3f5;     
  --abdul-cyan-400: #34e0e8;     
  --abdul-cyan-300: #7fecf0;

  
  --abdul-salmon-300: #ffb38c;
  --abdul-salmon-400: #ff9466;   
  --abdul-salmon-500: #fc7164;   
  --abdul-salmon-600: #f5536a;   
  --abdul-salmon-700: #d83a52;

  
  --abdul-ember-300: var(--abdul-salmon-300);
  --abdul-ember-400: var(--abdul-salmon-400);
  --abdul-ember-500: var(--abdul-salmon-600);
  --abdul-ember-600: var(--abdul-salmon-700);
  --abdul-ember-700: var(--abdul-salmon-700);

  
  --abdul-mint-300: #7fe8c4;
  --abdul-mint-400: #3ce0a6;
  --abdul-mint-500: #1fd896;     
  --abdul-mint-600: #0f9b6c;     
  --abdul-mint-700: #0a6e4d;

  
  --abdul-paper-50:  #fffefb;    
  --abdul-paper-100: #fcfbf8;    
  --abdul-paper-200: #f3f1ea;    
  --abdul-paper-300: #e6e3d9;    
  --abdul-paper-400: #a8a496;    
  --abdul-paper-500: #7c7868;    

  
  --abdul-sand-50:  var(--abdul-paper-50);
  --abdul-sand-100: var(--abdul-paper-100);
  --abdul-sand-200: var(--abdul-paper-200);
  --abdul-sand-300: var(--abdul-paper-300);
  --abdul-sand-400: var(--abdul-paper-400);
  --abdul-sand-500: var(--abdul-paper-500);
  --abdul-mist-50:  var(--abdul-paper-50);
  --abdul-mist-100: var(--abdul-paper-100);
  --abdul-mist-200: var(--abdul-paper-200);
  --abdul-mist-300: var(--abdul-paper-300);
  --abdul-mist-400: var(--abdul-paper-400);
  --abdul-mist-500: var(--abdul-paper-500);

  
  --abdul-ink-950: #07051c;
  --abdul-ink-900: #100c2c;
  --abdul-ink-800: #1a1540;
  --abdul-ink-700: #282153;
  --abdul-ink-600: #3f3873;
  --abdul-ink-500: #645e96;
  --abdul-ink-400: #8d88b4;
  --abdul-ink-300: #b6b2d2;
  --abdul-ink-200: #d7d5e8;
  --abdul-ink-100: #ebeaf5;
  --abdul-ink-50:  #f5f5fb;
  --abdul-white:   #ffffff;

  
  --abdul-gradient-core: linear-gradient(180deg,
      #1f0a52 0%, #3d18bf 40%, #3f74f0 74%, #34e0e8 100%);
  --abdul-gradient-horizon: linear-gradient(160deg,
      #1f0a52 0%, #3d18bf 52%, #34e0e8 100%);
  --abdul-gradient-radial-glow: radial-gradient(
      ellipse 82% 72% at 50% 112%,
      #34e0e8 0%, #4aa3f5 16%, #3f74f0 33%, #3d18bf 55%, #2e108f 78%, #1f0a52 100%);
  
  --abdul-gradient-salmon: linear-gradient(135deg, #ff9466 0%, #f5536a 100%);

  
  --bg-base: var(--bg-canvas);
  --border-default: var(--abdul-ink-200);

  
  --abdul-gradient-violet: linear-gradient(135deg, #5526e0 0%, #3d18bf 55%, #3f74f0 100%);  
  --abdul-gradient-ink:    linear-gradient(135deg, #282153 0%, #100c2c 100%);                
  --abdul-gradient-mint:   linear-gradient(135deg, #3ce0a6 0%, #0f9b6c 100%);                
  --abdul-gradient-cyan:   linear-gradient(135deg, #7fecf0 0%, #34e0e8 50%, #3f74f0 100%);
  
  --abdul-gradient-paper:  linear-gradient(165deg, #fffefb 0%, #f6f3ec 100%);                 
  --abdul-gradient-raised: linear-gradient(165deg, #ffffff 0%, #f7f4ee 100%);

  
  --grad-heading: linear-gradient(115deg, #1f0a52 0%, #3d18bf 55%, #3f74f0 100%);

  
  --bg-canvas:     var(--abdul-paper-100);
  --bg-surface:    var(--abdul-paper-50);
  --bg-raised:     var(--abdul-white);
  --bg-sunken:     var(--abdul-paper-200);
  --bg-inverse:    var(--abdul-indigo-900);

  --fg-primary:    var(--abdul-ink-900);
  --fg-secondary:  var(--abdul-ink-700);
  --fg-tertiary:   var(--abdul-paper-500);
  --fg-muted:      var(--abdul-paper-400);
  --fg-inverse:    var(--abdul-paper-50);
  --fg-brand:      var(--abdul-violet-700);
  --fg-accent:     var(--abdul-salmon-600);
  
  --fg-accent-text: #c0303f;
  
  --section-y: clamp(56px, 8vw, 104px);

  --border-subtle: var(--abdul-paper-300);
  --border-strong: var(--abdul-ink-900);
  --border-brand:  var(--abdul-violet-700);

  --link:          var(--abdul-violet-700);
  --link-hover:    var(--abdul-salmon-600);

  
  --success:       var(--abdul-mint-600);
  --warning:       #e0982a;
  --danger:        var(--abdul-salmon-700);
  --info:          var(--abdul-blue-500);

  
  --font-arabic:         'IBM Plex Sans Arabic', 'Noto Sans Arabic', sans-serif;
  --font-arabic-display: 'Ghroob Geometric', 'IBM Plex Sans Arabic', sans-serif;

  --font-display: 'Ghroob Geometric', 'DM Sans', sans-serif;
  --font-body:    'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  
  
  --ff-display: normal;
  --ff-swash:   "ss01" 1;
  --ff-body:    normal;
  --ff-normal:  normal;

  

  
  --fs-xs:   0.75rem;    
  --fs-sm:   0.875rem;   
  --fs-base: 1rem;       
  --fs-md:   1.125rem;   
  --fs-lg:   1.25rem;    
  --fs-xl:   1.5rem;     
  --fs-2xl:  1.875rem;   
  --fs-3xl:  2.375rem;   
  --fs-4xl:  3rem;       
  --fs-5xl:  3.75rem;    
  --fs-6xl:  4.75rem;    

  --lh-tight:   1.12;
  --lh-snug:    1.3;
  --lh-normal:  1.55;
  --lh-relaxed: 1.8;

  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.1em;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    900;

  
  --s-0:  0;
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8rem;

  
  --r-xs:   3px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-2xl:  28px;
  --r-pill: 999px;
  --r-circle: 50%;

  
  --shadow-xs: 0 1px 2px rgba(31, 10, 82, 0.08);
  --shadow-sm: 0 2px 6px rgba(31, 10, 82, 0.10);
  --shadow-md: 0 6px 18px rgba(31, 10, 82, 0.12), 0 2px 4px rgba(31, 10, 82, 0.08);
  --shadow-lg: 0 16px 36px rgba(31, 10, 82, 0.16), 0 4px 8px rgba(31, 10, 82, 0.08);
  --shadow-xl: 0 28px 60px rgba(31, 10, 82, 0.22);

  
  --glow-violet: 0 10px 32px rgba(61, 24, 191, 0.34);
  --glow-cyan:   0 10px 32px rgba(52, 224, 232, 0.36);
  --glow-salmon: 0 10px 30px rgba(245, 83, 106, 0.34);
  --glow-mint:   0 10px 30px rgba(31, 216, 150, 0.32);
  
  --glow-ember:  var(--glow-salmon);

  --ring-focus: 0 0 0 3px rgba(61, 24, 191, 0.42);

  
  --dur-fast:   120ms;
  --dur-base:   200ms;
  --dur-slow:   380ms;
  --dur-slower: 640ms;
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-entrance: cubic-bezier(0, 0, 0.2, 1);
  --ease-exit:     cubic-bezier(0.4, 0, 1, 1);

  
  --container-sm:   640px;
  --container-md:   768px;
  --container-lg:   1024px;
  --container-xl:   1200px;
  --container-2xl:  1440px;
}

[data-theme="brand"],
.theme-brand {
  --bg-canvas:    var(--abdul-gradient-core);
  --bg-surface:   rgba(255,255,255,0.07);
  --bg-raised:    var(--abdul-indigo-800);
  --bg-sunken:    var(--abdul-indigo-950);

  --fg-primary:   var(--abdul-paper-50);
  --fg-secondary: var(--abdul-ink-200);
  --fg-tertiary:  var(--abdul-ink-300);
  --fg-muted:     var(--abdul-ink-400);
  --fg-brand:     var(--abdul-cyan-400);
  --fg-accent:    var(--abdul-salmon-400);

  --border-subtle: rgba(255,255,255,0.14);
  --border-strong: rgba(255,255,255,0.32);
  --border-brand:  var(--abdul-cyan-400);
  --link:          var(--abdul-cyan-400);
  --link-hover:    var(--abdul-salmon-300);
  
  --grad-heading:  linear-gradient(115deg, #ffffff 0%, #cdeffb 55%, #7fecf0 100%);
}

body.abdul-brand {
  
  font-family: var(--font-body);
}

.grad-text {
  background: var(--grad-heading);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.mursal   { font-feature-settings: var(--ff-swash); }
.no-swash { font-feature-settings: var(--ff-normal); }

.grad-fill        { background: var(--abdul-gradient-violet); color: #fff; }
.grad-fill-salmon { background: var(--abdul-gradient-salmon); color: #fff; }
.grad-fill-mint   { background: var(--abdul-gradient-mint);   color: #06241a; }

[data-cover]{ 
  --cover-bg:linear-gradient(165deg,#08231b,#0c2c22 55%,#1f0a52);
  --cover-text:#f4efe2; --cover-sub:#87b4a1;
  --cover-accent:#34e0e8; --cover-on-accent:#06241a;
  --cover-block-bg:#1fd896; --cover-block-fg:#06241a; --cover-rail:#34e0e8;
}
[data-cover="petrol"]{ --cover-bg:linear-gradient(165deg,#08231b,#0c2c22 55%,#1f0a52); --cover-text:#f4efe2; --cover-sub:#87b4a1; --cover-accent:#34e0e8; --cover-on-accent:#06241a; --cover-block-bg:#1fd896; --cover-block-fg:#06241a; --cover-rail:#34e0e8; }
[data-cover="ember"]{ --cover-bg:linear-gradient(150deg,#ff9466,#f5536a 68%,#ed3a12); --cover-text:#ffffff; --cover-sub:rgba(255,255,255,.88); --cover-accent:#1f0a52; --cover-on-accent:#ffffff; --cover-block-bg:#1f0a52; --cover-block-fg:#34e0e8; --cover-rail:#ffffff; }
[data-cover="mint"]{ --cover-bg:radial-gradient(120% 90% at 50% 0,#5cf0bd,#1fd896 55%,#0f9b6c); --cover-text:#06241a; --cover-sub:#0c7d57; --cover-accent:#3d18bf; --cover-on-accent:#ffffff; --cover-block-bg:#06241a; --cover-block-fg:#1fd896; --cover-rail:#0f7d5a; }
[data-cover="cyan"]{ --cover-bg:radial-gradient(120% 90% at 50% 0,#7fecf0,#34e0e8 55%,#15a8c4); --cover-text:#0a2540; --cover-sub:#0c5b6b; --cover-accent:#f5536a; --cover-on-accent:#ffffff; --cover-block-bg:#1f0a52; --cover-block-fg:#34e0e8; --cover-rail:#0a7d92; }
[data-cover="cream"]{ --cover-bg:linear-gradient(165deg,#fffefb,#f4efe2); --cover-text:#1f0a52; --cover-sub:#645e96; --cover-accent:#f5536a; --cover-on-accent:#ffffff; --cover-block-bg:#f5536a; --cover-block-fg:#ffffff; --cover-rail:#c9b8d6; }
[data-cover="violet"]{ --cover-bg:radial-gradient(92% 80% at 50% 112%,#2f6bff,#5a16e6 45%,#1f0a52 90%); --cover-text:#ffffff; --cover-sub:#cdbff5; --cover-accent:#34e0e8; --cover-on-accent:#06241a; --cover-block-bg:#1fd896; --cover-block-fg:#06241a; --cover-rail:#34e0e8; }
[data-cover="synth"]{ --cover-bg:linear-gradient(180deg,#0a0820,#1f0a52 60%,#3d18bf); --cover-text:#f4efe2; --cover-sub:#b6a8e8; --cover-accent:#ff7a2e; --cover-on-accent:#0a0820; --cover-block-bg:#34e0e8; --cover-block-fg:#0a0820; --cover-rail:#ff7a2e; }
[data-cover="sunset"]{ --cover-bg:linear-gradient(180deg,#ff9466,#f5536a 45%,#5a16e6); --cover-text:#ffffff; --cover-sub:rgba(255,255,255,.88); --cover-accent:#34e0e8; --cover-on-accent:#06241a; --cover-block-bg:#fffefb; --cover-block-fg:#1f0a52; --cover-rail:#34e0e8; }

.cover-surface{ background:var(--cover-bg); color:var(--cover-text); }

.cover-block{
  display:inline; -webkit-box-decoration-break:clone; box-decoration-break:clone;
  font-family:var(--font-arabic); font-weight:var(--fw-black);
  background:var(--cover-block-bg); color:var(--cover-block-fg);
  padding:2px 16px; border-radius:11px; line-height:1.5;
}
.cover-tag{
  display:inline-block; font-family:var(--font-arabic); font-weight:800;
  background:var(--cover-accent); color:var(--cover-on-accent);
  padding:7px 18px; border-radius:8px; box-shadow:0 8px 20px rgba(0,0,0,.25);
}
.cover-serif{ font-family:var(--font-arabic-display); color:var(--cover-text); font-feature-settings:var(--ff-swash); line-height:1.14; }

.cover-rail   { background:var(--cover-rail); border-radius:4px; }
.cover-rail-v { width:4px; align-self:stretch; background:var(--cover-rail); border-radius:4px; }
.cover-rail-h { height:3px; width:100%; background:var(--cover-accent); border-radius:4px; }

@media (min-width: 900px) {
  .hero-inset {
    margin: 12px 12px 0;
    border-radius: 14px;   
    overflow: hidden;
  }
}

.sky-skyline {
  
  position: absolute !important; left: 0; right: 0; bottom: 0 !important;
  height: clamp(64px, 12vh, 150px);
  z-index: 0; pointer-events: none;
  background: linear-gradient(to top, #0a1450 0%, #131f5c 46%, rgba(19,31,92,0) 100%);
  -webkit-mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
          mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
  opacity: .5;
}
@media (prefers-reduced-motion: reduce) { .sky-skyline { opacity: .4; } }

.hero-title, .section-title, .bio-rich-title, .course-title, .b2b-title,
.li-section-title, .li-exp-title, .ao-book-title, .ao-stat b,
.ao-blog-hero h1, main h1, main h2 {
  line-height: 1.2 !important;
  padding-top: .2em !important;
  padding-bottom: .2em !important;
}
main p, main li { line-height: 1.6 !important; }

@font-palette-values --ruqaa-light { font-family: 'Aref Ruqaa Ink'; override-colors: 0 #ffffff88, 1 #ffffff, 2 #9fd8ff, 3 #9fd8ff88, 4 #9fd8ff; }
.hero-title .accent {
  font-family: 'Aref Ruqaa Mono', var(--font-arabic-display) !important;
  color: #fff !important;
  font-weight: 400 !important;
  font-feature-settings: normal !important;
  font-size: 1.6em;
  line-height: 1.3;
  display: inline-block;
  padding: 0 .08em;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
@supports font-tech(color-COLRv1) {
  .hero-title .accent { font-family: 'Aref Ruqaa Ink', var(--font-arabic-display) !important; font-palette: --ruqaa-light; }
}

@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/caveat-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/caveat-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
html[lang="en"] .hero-title .accent { font-family: 'Caveat', 'Segoe Script', cursive !important; font-weight: 700 !important; font-style: normal; font-palette: normal; font-size: 1.6em; line-height: 1; letter-spacing: 0; }

.nl { max-width: 720px; margin: 0 auto; padding: 48px 20px; text-align: center; }
.nl-eyebrow { font-size: 14px; font-weight: 600; color: var(--fg-accent-text, #c0303f); margin-bottom: 6px; }
.nl-title { font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: clamp(26px, 3.4vw, 38px); margin: 0 0 10px; color: var(--fg-primary, #16103a); }
.nl-sub { font-size: 16px; color: var(--fg-secondary, #4b4670); margin: 0 auto 22px; max-width: 56ch; }
.nl-form { display: grid; grid-template-columns: 1fr 1.2fr auto; gap: 10px; align-items: stretch; }
.nl-field { display: block; }
.nl-field input { width: 100%; height: 50px; padding: 0 16px; border-radius: 14px; border: 1.5px solid var(--border-strong, rgba(20,8,50,.18)); background: #fff; color: #16103a; font: inherit; font-size: 16px; box-sizing: border-box; }
.nl-field input:focus { outline: none; border-color: var(--abdul-violet-600, #6c4dff); box-shadow: 0 0 0 3px rgba(108,77,255,.15); }
.nl-btn { height: 50px; padding: 0 22px; border: 0; border-radius: 14px; background: var(--abdul-gradient-salmon, #f5536a); color: #fff; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; white-space: nowrap; }
.nl-btn:active { transform: scale(.98); }
.nl-btn[disabled] { opacity: .6; cursor: wait; }
.nl-msg { grid-column: 1 / -1; margin: 4px 0 0; font-size: 15px; font-weight: 600; }
.nl-msg.is-ok { color: #1f9d6a; } .nl-msg.is-err { color: #c0303f; }
.nl-consent { grid-column: 1 / -1; margin: 2px 0 0; font-size: 13px; color: var(--fg-tertiary, #6b6488); }

.nl-hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }
.nl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.nl--dark .nl-title { color: #fff; } .nl--dark .nl-sub, .nl--dark .nl-consent { color: rgba(255,255,255,.78); }
.nl--dark .nl-eyebrow { color: #ff9aa4; } .nl--dark .nl-msg.is-ok { color: #5ef0b8; } .nl--dark .nl-msg.is-err { color: #ffb4bb; }
.nl--dark .nl-field input { border-color: rgba(255,255,255,.25); }
@media (max-width: 700px) { .nl-form { grid-template-columns: 1fr; } }

.waj { width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 26px 24px 20px; border: 0; border-radius: 20px; background: #fff; color: #16103a; box-shadow: 0 30px 80px -20px rgba(22,16,58,.45); box-sizing: border-box; }
.waj::backdrop { background: rgba(22,16,58,.55); backdrop-filter: blur(4px); }
.waj[open] { animation: waj-in .22s ease-out; }
@keyframes waj-in { from { opacity: 0; transform: translateY(10px) scale(.98); } }
.waj-x { position: absolute; inset-inline-end: 12px; top: 10px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f3f1fa; color: #4b4670; font-size: 22px; line-height: 1; cursor: pointer; }
.waj-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #128c4a; background: #e7f8ee; padding: 5px 10px; border-radius: 999px; }
.waj-title { font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: 25px; line-height: 1.35; margin: 12px 0 6px; color: #16103a; }
.waj-sub { font-size: 15px; color: #4b4670; margin: 0 0 16px; line-height: 1.6; }
.waj-field { display: block; margin-bottom: 12px; }
.waj-field > span:first-child { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.waj-field input { width: 100%; height: 48px; padding: 0 14px; border-radius: 12px; border: 1.5px solid rgba(20,8,50,.18); background: #fff; color: #16103a; font: inherit; font-size: 16px; box-sizing: border-box; }
.waj-field input:focus { outline: none; border-color: #6c4dff; box-shadow: 0 0 0 3px rgba(108,77,255,.15); }
.waj-phone { display: flex; gap: 8px; }
.waj-cc { display: flex; align-items: center; gap: 4px; flex: 0 0 108px; height: 48px; padding-inline-start: 10px; border-radius: 12px; border: 1.5px solid rgba(20,8,50,.18); box-sizing: border-box; }
.waj-cc input { border: 0; height: 44px; padding: 0 4px; box-shadow: none !important; }

.ccp-box { cursor: pointer; gap: 6px !important; padding-inline-end: 10px !important; user-select: none; -webkit-tap-highlight-color: transparent; }
.ccp-box:focus-visible { outline: 2px solid #6b4bff; outline-offset: 2px; }
.ccp-dial { flex: 1; font-size: 16px; font-weight: 600; color: #16103a; direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.ccp-chev { flex: none; color: #6b6488; transition: transform .2s; } .ccp-box[aria-expanded="true"] .ccp-chev { transform: rotate(180deg); }
.ccp { position: fixed; inset: auto; margin: 0; z-index: 2147483000; display: flex; flex-direction: column; padding: 8px; border: 1px solid rgba(20,8,50,.12);
  border-radius: 14px; background: #fff; color: #16103a; box-shadow: 0 18px 50px rgba(20,8,50,.28); font: inherit; box-sizing: border-box; overflow: hidden; }
.ccp-q { flex: none; width: 100%; height: 42px; padding: 0 12px; margin-bottom: 6px; border: 1.5px solid rgba(20,8,50,.14); border-radius: 10px; font: inherit; font-size: 16px;
  color: #16103a; background: #f7f5fc; box-sizing: border-box; outline: none; } .ccp-q:focus { border-color: #6b4bff; background: #fff; }
.ccp-list { overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.ccp-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 9px; background: none; font: inherit; font-size: 15px;
  color: #16103a; text-align: start; cursor: pointer; } .ccp-item:hover, .ccp-item:focus-visible { background: #f1edff; outline: none; }
.ccp-item[aria-selected="true"] { background: #ebe5ff; font-weight: 700; }
.ccp-f { flex: none; font-size: 18px; line-height: 1; } .ccp-n { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ccp-d { flex: none; direction: ltr; unicode-bidi: isolate; color: #6b6488; font-size: 14px; font-variant-numeric: tabular-nums; }
.ccp-list hr { border: 0; border-top: 1px solid rgba(20,8,50,.1); margin: 6px 4px; } .ccp-none { margin: 10px; color: #6b6488; font-size: 14px; }
.waj-where { font-size: 13px; color: #6b6488; margin: -4px 0 14px; }
.waj-btn { width: 100%; height: 50px; border: 0; border-radius: 14px; background: #1fa855; color: #fff; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; }
.waj-btn:active { transform: scale(.98); } .waj-btn[disabled] { opacity: .6; cursor: wait; }
.waj-msg { color: #c0303f; font-weight: 600; font-size: 14px; margin: 10px 0 0; }
.waj-consent { font-size: 12.5px; color: #6b6488; margin: 10px 0 0; }
.waj-ok { text-align: center; padding: 10px 0 6px; } .waj-ok b { display: block; font-size: 22px; margin-bottom: 8px; } .waj-ok p { margin: 0; color: #4b4670; line-height: 1.7; }
@media (prefers-reduced-motion: reduce) { .waj[open] { animation: none; } }
.learn-support { text-align: center; padding: 18px 16px 28px; font-size: 14px; color: var(--fg-tertiary, #6b6488); }
.learn-support a { color: var(--fg-accent-text, #c0303f); font-weight: 600; }

@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: 280ms;
  animation-timing-function: cubic-bezier(.2, .7, .2, 1);
}
::view-transition-old(root) { animation-name: vt-out; }
::view-transition-new(root) { animation-name: vt-in; }
@keyframes vt-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes vt-in { from { opacity: 0; transform: translateY(10px); } }
.ao-nav { view-transition-name: site-nav; }
.tnav { view-transition-name: learn-nav; }
::view-transition-group(site-nav), ::view-transition-group(learn-nav) { animation-duration: 0s; }

@keyframes rv-in  { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes rv-pop { from { opacity: 0; transform: scale(.92) translateY(10px); } to { opacity: 1; transform: none; } }
@supports (animation-timeline: view()) {
  .sd-motion [data-rv] {
    animation: rv-in linear both;
    animation-timeline: view();
    
    
    animation-range: entry calc(var(--rv-i, 0) * 40px) entry calc(160px + var(--rv-i, 0) * 40px);
  }
  .sd-motion .rv-stats > [data-rv] { animation-name: rv-pop; }
}

@media (hover: hover) {
  .course-card { transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s cubic-bezier(.2, .7, .2, 1); }
  .course-card:hover { transform: translateY(-4px); }
  .btn-primary { transition: transform .25s cubic-bezier(.2, .7, .2, 1), filter .25s; }
  .btn-primary:hover { transform: translateY(-2px); filter: brightness(1.06); }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  .sd-motion [data-rv] { animation: none; }
}

.hero-anim #hero-title, .hero-anim #hero .hero-tagline, .hero-anim #hero .hero-sub,
.hero-anim #hero .hero-cta-row, .hero-anim #hero .hero-badge { visibility: hidden; }
#hero-title .hw { display: inline-block; will-change: transform, opacity; }

/* ── navbar.css ── */

.ao-nav, .tnav {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 60;
  margin: 0 auto;
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  
  transition:
    top .3s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    left .3s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    right .3s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    border-radius .45s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    background .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    transform .32s ease,
    opacity .32s ease;
}

.ao-nav {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  padding: 16px clamp(18px, 4vw, 40px);
}
.ao-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--fg-primary); }
.ao-brand-mark { width: 36px; height: 36px; border-radius: 50%; display: block; }
.ao-brand-name { font-weight: 700; font-size: 17px; white-space: nowrap; }
.ao-nav-links { display: flex; gap: clamp(14px, 2.5vw, 28px); }
.ao-nav-link { text-decoration: none; color: var(--fg-primary); font-size: 14px; font-weight: 600; transition: color 160ms var(--ease-standard); white-space: nowrap; }
.ao-nav-link:hover { color: var(--fg-accent); }
.ao-nav-link.is-active { font-weight: 700; }
.ao-nav-cta {
  background-image: var(--abdul-gradient-ink); color: #fff;
  padding: 10px 18px; border-radius: 12px; font-size: 13px; font-weight: 600;
  text-decoration: none; transition: all 160ms var(--ease-standard);
  white-space: nowrap;
}
.ao-nav-cta:hover { filter: brightness(1.12); }

.ao-nav-lang {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 11px; border-radius: 999px;
  border: 1.5px solid color-mix(in oklab, var(--fg-primary) 35%, transparent);
  color: var(--fg-primary);
  font-weight: 600; font-size: 13px;
  text-decoration: none;
}
.ao-nav-lang svg { opacity: .7; flex: none; }
.ao-nav-lang:hover { border-color: var(--fg-accent); color: var(--fg-accent); }

.sq-brandtext { color: var(--fg-primary); }

.tnav-inner {
  max-width: var(--container-xl);
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.tnav-brand { display: flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; color: var(--fg-primary); }
.tnav-brand img { width: 32px; height: 32px; border-radius: 50%; }
.tnav-brand-text { font-size: 15px; letter-spacing: -0.01em; color: var(--fg-primary); }
.tnav-brand-text small { display: block; font-size: 11px; font-weight: 500; color: var(--fg-secondary); letter-spacing: 0.02em; }
.tnav-brand-line { display: inline-flex; align-items: center; gap: 8px; line-height: 1; }
.tnav-actions { display: flex; align-items: center; gap: 8px; }
.tnav-login {
  padding: 8px 14px;
  font-weight: 600;
  font-size: 14px;
  color: var(--fg-primary);
  border-radius: var(--r-pill, 999px);
  text-decoration: none;
  transition: background var(--dur-base, .2s) var(--ease-standard, ease);
}
.tnav-login:hover { background: color-mix(in srgb, currentColor 10%, transparent); }

.tnav-pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border-radius: 999px; border: 1.5px solid currentColor;
  color: var(--fg-primary); font-weight: 700; font-size: 14.5px; text-decoration: none; white-space: nowrap; transition: background .2s; }
.tnav-pill:hover { background: color-mix(in srgb, currentColor 12%, transparent); }
.tnav-pill:active { transform: scale(.98); }
@media (max-width: 900px) {   
  .tnav-brand-text small.tnav-tag { display: none; }
  .tnav-inner { padding: 10px 14px; gap: 10px; flex-wrap: nowrap; }
  .tnav-brand { flex: 1; min-width: 0; } .tnav-brand-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .tnav-actions { flex: none; gap: 6px; } .tnav-pill { padding: 6px 12px; font-size: 13.5px; white-space: nowrap; }
}

body.nav-solid-offset { padding-top: min(var(--nav-h, 68px), 120px); }

body.nav-overlap .hero--sky { padding-top: 132px; }
body.nav-overlap .ao-blog-hero { padding-top: clamp(112px, 13vw, 156px); }

@media (min-width: 900px) {
  .ao-nav, .ao-nav.nav-pill { top: 16px; }
  .ao-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }
  .ao-nav .ao-nav-links { justify-self: center; }
  .ao-nav .ao-nav-lang  { justify-self: end; }
}
@media (max-width: 899px) {
  .ao-nav { top: 4px; }   
}

.ao-nav.nav-top, .tnav.nav-top,
.ao-nav.nav-top.lg-active, .tnav.nav-top.lg-active,
.ao-nav.nav-top.lg-fallback, .tnav.nav-top.lg-fallback {
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.nav-top.nav-on-dark .ao-nav-link,
.nav-top.nav-on-dark .ao-brand-name,
.nav-top.nav-on-dark .sq-brandtext b,
.nav-top.nav-on-dark .tnav-brand-text,
.nav-top.nav-on-dark .tnav-login,
.nav-top.nav-on-dark .tnav-pill { color: rgba(255,255,255,.94) !important; }
.nav-top.nav-on-dark .ao-nav-link.is-active { color: #fff !important; }
.nav-top.nav-on-dark .ao-nav-link:hover { color: var(--abdul-salmon-300, #ffb4bd) !important; }
.nav-top.nav-on-dark .tnav-brand-text small,
.nav-top.nav-on-dark .sq-brandtext small { color: rgba(255,255,255,.78); }
.nav-top.nav-on-dark .ao-nav-lang { color: #fff; border-color: rgba(255,255,255,.45); }
.nav-top.nav-on-dark .ao-nav-lang:hover { color: #fff; border-color: #fff; }

.ao-nav.nav-pill, .tnav.nav-pill {
  top: 12px;
  left: 16px;
  right: 16px;
  max-width: 1160px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(252, 251, 248, 0.76);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 10px 34px rgba(31, 10, 82, 0.14);
}

.nav-pill.lg-active {
  backdrop-filter: var(--lg-filter);
  -webkit-backdrop-filter: var(--lg-filter);
  background: rgba(252, 251, 248, 0.6);
}
.nav-pill.lg-fallback {
  backdrop-filter: saturate(1.7) blur(22px);
  -webkit-backdrop-filter: saturate(1.7) blur(22px);
}

.nav-pill .ao-nav-link, .nav-pill .ao-brand-name, .nav-pill .sq-brandtext b,
.nav-pill .tnav-brand-text, .nav-pill .tnav-login, .nav-pill .tnav-pill, .nav-pill .ao-nav-lang { color: var(--fg-primary); }
.nav-pill .ao-nav-link:hover, .nav-pill .ao-nav-lang:hover { color: var(--fg-accent); }
.nav-pill .tnav-brand-text small.tnav-tag { display: none; }

.ao-nav.nav-pill { padding-top: 10px; padding-bottom: 10px; }
.tnav.nav-pill .tnav-inner { padding-top: 8px; padding-bottom: 8px; }

.ao-nav.nav-hidden, .tnav.nav-hidden {
  transform: translateY(-120%);
  opacity: 0;
  pointer-events: none;
}

.nav-pill.nav-menu-open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.nav-burger {
  display: none;
  width: 42px; height: 42px;
  border: 0; background: transparent; cursor: pointer;
  border-radius: var(--r-pill, 999px);
  align-items: center; justify-content: center;
  flex-direction: column; gap: 5px;
  -webkit-tap-highlight-color: transparent;
}
.nav-burger span {
  display: block; width: 20px; height: 2px; border-radius: 2px;
  background: var(--fg-primary);
  transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .2s ease, background .3s ease;
}
.nav-top.nav-on-dark .nav-burger span { background: #fff; }
.nav-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-burger.is-open span:nth-child(2) { opacity: 0; }
.nav-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 900px) {
  .nav-burger { display: flex; }
  .ao-nav .ao-nav-links { display: none; }
  .tnav .tnav-actions .tnav-login { display: none; } 
}

.nav-mobile-panel {
  position: fixed;
  z-index: 59;
  left: 16px; right: 16px;
  top: calc(var(--nav-h, 68px) + 16px);
  border-radius: 20px;
  padding: 12px;
  background: rgba(252, 251, 248, 0.92);
  backdrop-filter: saturate(1.7) blur(24px);
  -webkit-backdrop-filter: saturate(1.7) blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 18px 50px rgba(31, 10, 82, 0.18);
  transform: scale(.97) translateY(-10px);
  opacity: 0;
  pointer-events: none;
  transition: transform .34s cubic-bezier(.22,1,.36,1), opacity .26s ease;
}
.nav-mobile-panel.is-open {
  transform: scale(1) translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.nav-mobile-panel a {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 16px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--fg-primary);
  font-weight: 700; font-size: 15.5px;
  font-family: var(--font-arabic);
  opacity: 0; transform: translateX(12px); 
  transition: opacity .3s ease, transform .3s cubic-bezier(.22,1,.36,1), background .2s ease;
}
.nav-mobile-panel.is-open a { opacity: 1; transform: translateX(0); }
.nav-mobile-panel a:hover, .nav-mobile-panel a:active { background: var(--bg-sunken); }
.nav-mobile-panel a.is-cta {
  background: var(--abdul-gradient-salmon);
  color: #fff; justify-content: center;
  box-shadow: var(--glow-salmon);
  margin-top: 6px;
}

@media (prefers-reduced-motion: reduce) {
  .ao-nav, .tnav, .nav-mobile-panel, .nav-mobile-panel a, .nav-burger span { transition: none; }
}

/* ── footer.css ── */

.ao-footer {
  position: relative;
  background: var(--abdul-ink-950);
  color: rgba(255,255,255,0.82);
  padding: 0 clamp(18px, 4vw, 40px) 24px;
  margin-top: 120px; 
}

.ao-footer::before {
  content: '';
  position: absolute; inset-inline: 0; bottom: 0; height: 65%;
  background: radial-gradient(ellipse 90% 80% at 50% 115%,
    rgba(61, 24, 191, 0.35) 0%, rgba(52, 224, 232, 0.06) 45%, transparent 75%);
  pointer-events: none;
}
.ao-footer > * { position: relative; }

.fc {
  max-width: 1080px; margin: 0 auto -24px; transform: translateY(-64px);
  display: grid; grid-template-columns: 1.05fr 1fr; gap: 28px 40px; align-items: center;
  background: var(--abdul-gradient-violet); border-radius: var(--r-2xl); color: #fff;
  padding: clamp(24px, 4vw, 40px) clamp(22px, 4vw, 44px);
  box-shadow: var(--glow-violet), inset 0 1px 0 rgba(255,255,255,0.18);
}
.fc-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 13.5px; font-weight: 700; color: rgba(255,255,255,.9); }
.fc-dot { width: 8px; height: 8px; border-radius: 50%; background: #1fd896; box-shadow: 0 0 0 4px rgba(31,216,150,.2); }
.fc h3 { margin: 0 0 8px; font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: clamp(24px, 3vw, 32px); font-weight: 700; line-height: 1.3; color: #fff; }
.fc-lead { margin: 0 0 18px; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.84); max-width: 46ch; }
.fc-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.fc-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: var(--r-pill); font-weight: 700; font-size: 15px; text-decoration: none;
  color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.3); transition: transform var(--dur-base), background var(--dur-base); }
.fc-btn:hover { transform: translateY(-2px); background: rgba(255,255,255,.2); }
.fc-btn--primary { background: var(--abdul-gradient-salmon); border-color: transparent; box-shadow: var(--glow-salmon); }
.fc-btn--primary:hover { background: var(--abdul-gradient-salmon); filter: brightness(1.05); }
.fc-btn:active { transform: scale(.98); }
.fc-stay { display: grid; gap: 10px; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.fc-stay-t { display: flex; gap: 12px; align-items: center; margin: 0 0 4px; font-size: 14px; color: rgba(255,255,255,.82); line-height: 1.6; }
.fc-stay-t b { display: block; font-size: 15.5px; color: #fff; margin-bottom: 2px; }
.fc-wa { flex: none; width: 46px; height: 46px; padding: 8px; border-radius: 13px; background: #fff; box-sizing: border-box; }
.fc-field { display: block; flex: 1; min-width: 0; }
.fc-field input, .fc-cc { width: 100%; height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.35); background: #fff; color: #16103a; font: inherit; font-size: 16px; box-sizing: border-box; }
.fc-field input:focus { outline: none; box-shadow: 0 0 0 3px rgba(255,255,255,.35); }
.fc-phone { display: flex; gap: 8px; }
.fc-cc { flex: 0 0 100px; display: flex; align-items: center; gap: 2px; padding: 0 0 0 10px; }
.fc-cc input { width: 100%; min-width: 0; border: 0; height: 44px; font: inherit; font-size: 16px; background: transparent; outline: none; color: #16103a; }
.fc-submit { height: 48px; border: 0; border-radius: 12px; background: #16103a; color: #fff; font: inherit; font-weight: 700; font-size: 15.5px; cursor: pointer; }
.fc-submit:active { transform: scale(.98); }
 .fc-submit[disabled] { opacity: .6; cursor: wait; }
.fc-msg { margin: 0; font-size: 14px; font-weight: 600; }
 .fc-msg.is-ok { color: #8ff5c8; }
 .fc-msg.is-err { color: #ffc2c8; }
.fc-consent { margin: 0; font-size: 12px; color: rgba(255,255,255,.7); }
@media (max-width: 860px) { .fc { grid-template-columns: 1fr; transform: translateY(-48px); } }
.fc.fc--solo { grid-template-columns: 1fr; max-width: 760px; }

.ao-foot-cta {
  max-width: 1040px;
  margin: 0 auto;
  transform: translateY(-56px);
  background: var(--abdul-gradient-violet);
  border-radius: var(--r-2xl);
  padding: clamp(24px, 4vw, 36px) clamp(22px, 4vw, 40px);
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  box-shadow: var(--glow-violet), inset 0 1px 0 rgba(255,255,255,0.18);
}
.ao-foot-cta-text h3 {
  margin: 0 0 6px;
  font-family: var(--font-arabic-display);
  font-feature-settings: var(--ff-swash);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 900; color: #fff;
}
.ao-foot-cta-text p { margin: 0; font-size: 14.5px; color: rgba(255,255,255,0.82); line-height: 1.6; }
.ao-foot-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.ao-foot-btn-primary {
  background: var(--abdul-gradient-salmon); color: #fff;
  padding: 13px 24px; border-radius: var(--r-pill);
  font-weight: 800; font-size: 14.5px; text-decoration: none;
  box-shadow: var(--glow-salmon);
  transition: transform var(--dur-base), filter var(--dur-base);
}
.ao-foot-btn-primary:hover { transform: translateY(-2px); filter: brightness(1.05); }
.ao-footer-inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1.2fr 2fr; gap: 64px;
  padding: 24px 0 56px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 820px) { .ao-footer-inner { grid-template-columns: 1fr; gap: 32px; } }
.ao-footer-brand { display: flex; gap: 14px; align-items: flex-start; }
.ao-footer-mark { width: 52px; height: 52px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); }
.ao-footer-name { font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: 21px; font-weight: 700; color: #fff; }
.ao-footer-tag { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 2px; }
.ao-foot-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; max-width: 230px; }
.ao-foot-social a {
  display: flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.85);
  transition: all var(--dur-base) var(--ease-standard);
}
.ao-foot-social a:hover {
  background: var(--abdul-gradient-salmon);
  border-color: transparent; color: #fff;
  transform: translateY(-2px);
  box-shadow: var(--glow-salmon);
}
.ao-footer-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
@media (max-width: 900px) { .ao-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ao-footer-cols { grid-template-columns: 1fr 1fr; } }
.ao-footer-cols h5 { font-size: 13px; font-weight: 800; color: var(--abdul-cyan-400); margin: 0 0 18px; }
.ao-footer-cols a { display: block; color: rgba(255,255,255,0.72); text-decoration: none; font-size: 15px; padding: 7px 0; transition: color 160ms, transform 160ms var(--ease-standard); }
.ao-footer-cols a:hover { color: #fff; transform: translateX(-3px); }
.ao-foot-legal {
  max-width: 1200px; margin: 28px auto 0;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  font-size: 12.5px; color: rgba(255,255,255,0.45);
}
.ao-foot-legal-links { display: flex; gap: 18px; }

.ao-footer {
  isolation: isolate;
  
  --wm-weight: 700; --wm-k: .185; --wm-cap: 255px; --wm-word: 0em; --wm-track: 0em; --wm-lh: 1.5; --wm-bottom: 0px;
  --wm-rgb: 255, 255, 255; --wm-alpha: .1; --wm-fade: 0; --wm-room: 1.42;
  --wm-light-x: 50%; --wm-light-y: 115%; --wm-light-w: 75%; --wm-light-h: 110%;
  --wm-size: min(calc((100vw - 2 * clamp(18px, 4vw, 40px)) * var(--wm-k)), var(--wm-cap));   
  padding-bottom: calc(var(--wm-size) * var(--wm-room));
}
html[lang="en"] .ao-footer { --wm-k: .146; --wm-cap: 201px; }

.ao-footer > .ao-foot-field { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.ao-footer > .ao-foot-wordmark {
  position: absolute; inset-inline: 0; bottom: var(--wm-bottom); z-index: -1;
  text-align: center; white-space: nowrap; overflow: visible;
  pointer-events: none; user-select: none;
}
.ao-foot-wordmark span {
  display: inline-block; padding: .15em .1em;
  font-family: 'Ghroob Geometric Text', var(--font-arabic-display); font-feature-settings: var(--ff-swash);
  font-weight: var(--wm-weight);
  font-size: var(--wm-size);
  line-height: var(--wm-lh); letter-spacing: var(--wm-track); word-spacing: var(--wm-word);
  
  color: rgb(var(--wm-rgb)); opacity: var(--wm-alpha);
  -webkit-mask-image: radial-gradient(ellipse var(--wm-light-w) var(--wm-light-h) at var(--wm-light-x) var(--wm-light-y), #000 0%, rgba(0,0,0,var(--wm-fade)) 100%);
          mask-image: radial-gradient(ellipse var(--wm-light-w) var(--wm-light-h) at var(--wm-light-x) var(--wm-light-y), #000 0%, rgba(0,0,0,var(--wm-fade)) 100%);
}
.ao-foot-legal a { color: rgba(255,255,255,0.45); text-decoration: none; }
.ao-foot-legal a:hover { color: var(--abdul-cyan-400); }
.ao-foot-btn-primary:active {
  transform: scale(0.98);
  transition-duration: var(--dur-fast, 120ms);
}
.ao-foot-legal span { color: rgba(255,255,255,.72); }
.ao-foot-social .brand-logo { width: 18px; height: 18px; }

.fc-btn[data-talk="voice"] { display: none; }
 html[data-voice="yes"] .fc-btn[data-talk="voice"] { display: inline-flex; }

/* ── wizard.css ── */

.mw-bar{height:6px;background:#efecf7;border-radius:6px;overflow:hidden;margin-top:8px}.mw-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5118d2,#1fd896);transition:width .35s}
.mw-count{margin:8px 0 10px;color:#8a86a0;font-size:12.5px;min-height:16px}.mw-q{font-size:19px;font-weight:700;line-height:1.45;margin:0 0 6px;color:#1b1730}.mw-hint{color:#6b6880;font-size:14px;margin:0 0 12px;line-height:1.65}
.mw-opts{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mw-opt{width:100%;text-align:start;padding:12px 14px;border:1.5px solid #e4e0f0;border-radius:12px;background:#fbfaff;color:#1b1730;font:inherit;font-size:15px;cursor:pointer;transition:border-color .15s,background .15s}.mw-opt:hover,.mw-opt.on{border-color:#5118d2;background:#efeafd}
.mw-in{width:100%;padding:12px 14px;border:1.5px solid #e4e0f0;border-radius:12px;font:inherit;font-size:16px;background:#fbfaff;color:#1b1730;margin-top:6px;box-sizing:border-box}.mw-in:focus{outline:none;border-color:#5118d2}
.mw-phone{display:flex;gap:8px;align-items:center;margin-top:6px;direction:ltr}.mw-phone .mw-in,.mw-cc input,.mw-code{direction:ltr;text-align:left;font-variant-numeric:lining-nums;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.mw-phone .mw-in{min-width:0;flex:1}.mw-phone .mw-cc{flex:none}
.mw-cc{display:inline-flex;align-items:center;gap:4px;border:1.5px solid #e4e0f0;border-radius:12px;padding:0 8px;background:#fbfaff;height:48px;margin-top:6px}.mw-cc input{width:60px;border:0;background:transparent;font:inherit;font-size:15px;text-align:center}
.mw-code{text-align:center;letter-spacing:6px;font-size:22px}
.mw-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.mw-btn{padding:12px 18px;border:0;border-radius:12px;background:#5118d2;color:#fff;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.mw-btn.ghost{background:#f3f0fb;color:#5118d2}.mw-btn[disabled]{opacity:.5}
.mw-link{background:none;border:0;color:#6b6880;font:inherit;font-size:13.5px;cursor:pointer;padding:0}.mw-foot{margin:14px 0 0;min-height:18px}.mw-err{color:#c0303f;font-size:14px;margin:10px 0 0}
.mw-done{text-align:center;padding:8px 0 4px}.mw-done h3{font-size:22px;margin:0 0 8px;color:#1b1730}.mw-done p{color:#4b4866;margin:0 0 12px;line-height:1.7}.mw-done .mw-btn{display:block;margin:8px 0}

.mw-choices{display:grid;gap:10px;margin-top:4px}
.mw-choice{position:relative;display:grid;gap:3px;text-align:start;text-decoration:none;padding:14px 16px 14px 44px;border:1.5px solid #e4e0f0;border-radius:14px;background:#fbfaff;color:#1b1730;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.mw-choice b{font-size:16.5px;line-height:1.4}.mw-choice span{font-size:13.5px;color:#6b6880;line-height:1.5}.mw-choice i{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#5118d2;font-size:18px}
.mw-choice:hover{border-color:#5118d2;background:#efeafd}.mw-choice:active{transform:scale(.98)}
.mw-choice.pri{background:#5118d2;border-color:#5118d2;color:#fff}.mw-choice.pri span{color:rgba(255,255,255,.82)}.mw-choice.pri i{color:#fff}.mw-choice.pri:hover{background:#4511b8}
.mw-note{font-size:12.5px;color:#8a86a0;margin:12px 0 0;line-height:1.6}

/* ── learn-landing.css (purged: 105 rules kept, 133 dropped) ── */
.ll-wrap{max-width:var(--container-xl,1200px);margin:0 auto;padding:0 20px}.ll-kicker{display:inline-block;font-size:13px;font-weight:700;color:var(--abdul-violet-600,#5526e0);margin:0 0 10px;letter-spacing:0}.ll-head{max-width:760px;margin:0 0 32px}.ll-head h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(26px,3.4vw,38px);line-height:1.35;margin:0 0 10px;color:var(--fg-primary,#16103a)}.ll-head p{color:var(--fg-secondary,#4b4568);font-size:17px;line-height:1.75;margin:0}.ll-head.center{text-align:center;margin-inline:auto}.ll-btn{display:inline-flex;align-items:center;gap:8px;background:#5118d2;color:#fff;border-radius:14px;padding:14px 22px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .15s,background .15s}.ll-btn:hover{background:#4511b8}.ll-btn:active{transform:scale(.98)}.ll-btn.ghost{background:#f1edfc;color:#4511b8}.ll-btn.ghost:hover{background:#e7e0fb}.ll-link{color:#5118d2;font-weight:600;text-decoration:none}.ll-link:hover{text-decoration:underline}.ll-hero{padding:48px 20px 64px}.ll-hero-in{position:relative;z-index:1;max-width:var(--container-xl,1200px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}.ll-eyebrow{display:inline-block;background:rgba(31,216,150,.14);color:#9ff5d2;border:1px solid rgba(31,216,150,.32);border-radius:999px;padding:6px 14px;font-size:13.5px;margin:0 0 16px}.ll-h1{margin-bottom:14px;font-size:clamp(34px,4.4vw,56px) !important;line-height:1.25 !important}.ll-sub{max-width:52ch;margin-bottom:18px}.ll-proof{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ll-proof li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#efecfb;border-radius:999px;padding:6px 12px;font-size:13.5px}.ll-form{background:#fff;color:#1b1730;border-radius:20px;padding:18px 20px 12px;box-shadow:0 24px 70px rgba(15,6,50,.35);scroll-margin-top:90px}.ll-form-head{display:flex;align-items:center;gap:12px;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #f1eef9}.ll-form-head img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px #efeafd}.ll-form-head p{margin:0;display:grid;gap:1px;line-height:1.5}.ll-form-head b{font-size:15.5px}.ll-form-head span{font-size:13.5px;color:#6b6880}.mw.is-choose .mw-bar,.mw.is-choose .mw-count{display:none}@media (max-width:960px){.ll-hero{padding:24px 16px 44px}.ll-hero-in{grid-template-columns:1fr;gap:0}.ll-eyebrow{justify-self:start;margin-bottom:12px}.ll-form{order:4;margin-top:20px;padding:16px 16px 10px}.ll-proof{order:5;margin-top:18px}.ll-form-head{padding-bottom:12px;margin-bottom:12px}.ll-form-head img{width:44px;height:44px}}@media (max-width:600px){.ll-h1{font-size:31px !important}.ll-sub{font-size:15.5px !important}}.ll-fit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.ll-fit>div{background:#fff;border:1px solid #ece8f6;border-radius:16px;padding:18px 20px}.ll-fit ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ll-fit li{position:relative;padding-inline-start:24px;line-height:1.6;font-size:15.5px}.ll-fit-yes li::before{content:'✓';position:absolute;inset-inline-start:0;color:#14a374;font-weight:800}.ll-fit-no li::before{content:'✕';position:absolute;inset-inline-start:0;color:#c0303f;font-weight:800}@media (max-width:900px){.ll-fit{grid-template-columns:1fr}}.ll-faq{padding:clamp(32px,5vw,56px) 0}.ll-faq h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(24px,3vw,32px);margin:0 0 18px}.ll-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ll-faq details{background:#fff;border:1px solid #ece8f6;border-radius:14px;padding:14px 16px}.ll-faq summary{cursor:pointer;font-weight:700;font-size:15.5px;list-style:none}.ll-faq summary::-webkit-details-marker{display:none}.ll-faq summary::after{content:'+';float:inline-end;color:#5118d2;font-weight:800}.ll-faq details[open] summary::after{content:'–'}.ll-faq details p{margin:10px 0 0;color:#4b4568;line-height:1.7}@media (max-width:800px){.ll-faq-list{grid-template-columns:1fr}}.ll-close{padding-top:clamp(40px,6vw,64px)}.mc-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.mc-text{padding-top:8px}.mc-when{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;color:#efecfb;font-size:15.5px}.mc-when li{display:flex;align-items:center;gap:10px}.mc-when svg{color:#9ff5d2;flex:none}.mc-proof{margin-bottom:0}.mc-card{max-width:none}.mc-card .mw-done h3{font-size:21px}.mw-btn.live{background:#c0303f}.mc-sec{padding-top:clamp(40px,6vw,72px)}.mc-leave{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:l}.mc-leave li{counter-increment:l;background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:18px;display:grid;gap:6px;align-content:start}.mc-leave li::before{content:'0' counter(l);color:#5118d2;font-weight:800;font-size:13px}.mc-leave b{font-size:16.5px;line-height:1.45}.mc-leave span{color:#6b6880;font-size:14.5px;line-height:1.65}.mc-grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}.mc-grid2 .ll-fit{margin:0}.mc-grid2 h3{font-size:17px;margin:0 0 12px}.mc-how{background:#fff;border:1px solid #ece8f6;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column}.mc-how ol{margin:0 0 16px;padding:0;list-style:none;counter-reset:h;display:grid;gap:10px}.mc-how li{counter-increment:h;display:grid;grid-template-columns:28px 1fr;gap:8px;line-height:1.6;font-size:15.5px}.mc-how li::before{content:counter(h);width:24px;height:24px;border-radius:50%;background:#efeafd;color:#5118d2;font-weight:800;font-size:13px;display:grid;place-items:center}.mc-how .ll-btn{margin-top:auto;align-self:flex-start}.mc-after{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mc-after-text{background:linear-gradient(135deg,#1f0a52,#3a1b9a);color:#fff;border-radius:20px;padding:22px 24px}.mc-after-text .ll-kicker{color:#9ff5d2}.mc-after-text p{line-height:1.75;margin:0 0 12px;color:rgba(255,255,255,.9)}.mc-after-text .ll-link{color:#fff}.mc-abdul{background:#fff;border:1px solid #ece8f6;border-radius:20px;padding:20px;display:flex;gap:16px;align-items:center}.mc-abdul img{width:88px;height:88px;border-radius:18px;object-fit:cover;flex:none}.mc-abdul p{margin:0;display:grid;gap:4px;line-height:1.65}.mc-abdul b{font-size:16.5px}.mc-abdul span{color:#4b4568;font-size:14.5px}.mc-abdul a{color:#5118d2;font-weight:600;text-decoration:none;font-size:14.5px}@media (max-width:960px){.mc-in{grid-template-columns:1fr;gap:0}.mc-text{display:contents}.mc-when{margin-bottom:0}.mc-card{order:4;margin-top:20px}.mc-proof{order:5;margin-top:18px}.mc-leave{grid-template-columns:1fr 1fr}.mc-grid2,.mc-after{grid-template-columns:1fr}}@media (max-width:520px){.mc-leave{grid-template-columns:1fr}.mc-grid2 .ll-fit{grid-template-columns:1fr}}.mc-abdul-card{grid-template-columns:1fr}.mc-agenda{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:a}.mc-agenda li{counter-increment:a;position:relative;background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:18px 18px 16px;display:grid;gap:6px;align-content:start}.mc-agenda li::before{content:counter(a);width:30px;height:30px;border-radius:50%;background:#5118d2;color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;margin-bottom:4px}.mc-agenda b{font-size:16px;line-height:1.45}.mc-agenda span{color:#4b4568;font-size:14.5px;line-height:1.65}@media (max-width:960px){.mc-agenda{grid-template-columns:1fr 1fr}}@media (max-width:520px){.mc-agenda{grid-template-columns:1fr}}

/* ── design.css (purged: 103 rules kept, 552 dropped) ── */
*{ box-sizing: border-box; }html,body{
  margin: 0; padding: 0;
  font-family: var(--font-arabic);
  background: var(--bg-canvas);
  color: var(--fg-primary);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  direction: rtl;
}body{
  overflow-x: hidden;
  
  background: var(--abdul-gradient-paper);
  background-attachment: fixed;
}img{ display: block; max-width: 100%; }button{ font-family: inherit; cursor: pointer; border: 0; background: none; }a{ color: inherit; text-decoration: none; }.app{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}.hero--sky{
  background: var(--abdul-gradient-radial-glow);
  color: #fff;
}.hero--sky .hero-inner,.hero--sky .hero-action-wrap{ position: relative; z-index: 1; }.hero--sky .hero-title{ color: #fff; }.hero--sky .hero-sub{ color: rgba(255, 255, 255, 0.86); }.hero--sky .hero-badge{
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.30);
  color: #fff;
}.hero--sky .btn-ghost{
  color: #fff;
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.06);
}.hero--sky .btn-ghost:hover{
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.6);
}.hero--sky .halo{ opacity: 0.9; }.hero-tagline{
  font-weight: 700;
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 1.55;
  color: #fff;
  margin: 6px 0 14px;
}.hero--sky .hero-tagline{ color: #fff; }.sky-skyline{
  position: absolute; left: 0; right: 0; bottom: 0;
  height: clamp(64px, 12vh, 150px);
  z-index: 0; pointer-events: none;
  background: linear-gradient(to top, #0a1450 0%, #131f5c 46%, rgba(19,31,92,0) 100%);
  -webkit-mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
          mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
  opacity: .5;
}.hero{
  position: relative;
  padding: 64px 20px 80px;
  overflow: hidden;
}.hero-inner{
  max-width: var(--container-lg);
  margin: 0 auto;
}.hero-badge{
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px;
  background: rgba(245, 83, 106, 0.10);
  border: 1px solid rgba(245, 83, 106, 0.25);
  color: var(--abdul-ember-600);
  border-radius: var(--r-pill);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
}@keyframes pulse{
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.9); opacity: 0; }
}.hero-title{
  
  font-family: var(--font-arabic-display);
  font-weight: 700;
  font-size: clamp(28px, 4.2vw, 46px);
  line-height: 1.40;
  letter-spacing: -0.02em;
  margin: 0 0 18px;
  color: var(--fg-primary);
  text-wrap: balance;
  font-feature-settings: var(--ff-swash);
}.hero-title .accent{
  color: var(--abdul-salmon-600);
  background: var(--abdul-gradient-salmon);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100% 100%;
}.hero-sub{
  font-size: clamp(15.5px, 1.4vw, 17.5px);
  line-height: 1.75;
  color: var(--fg-secondary);
  max-width: 42ch;
  margin: 0 0 24px;
  text-wrap: pretty;
}.price{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 5vw, 48px);
  line-height: 1;
  color: var(--fg-primary);
  letter-spacing: -0.03em;
  font-feature-settings: "tnum" on;
  direction: ltr;
}.hero-cta-row{
  display: flex; flex-wrap: wrap; gap: 12px;
  margin-bottom: 24px;
}.btn-primary{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 28px;
  
  background: var(--abdul-gradient-salmon);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border-radius: var(--r-pill);
  box-shadow: var(--glow-salmon);
  transition: transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base), filter var(--dur-base);
}.btn-primary:hover{ transform: translateY(-2px); filter: brightness(1.04) saturate(1.04); box-shadow: 0 14px 36px rgba(245, 83, 106, 0.42); }.btn-primary:active{ transform: translateY(0); }.btn-ghost{
  display: inline-flex; align-items: center; gap: 8px;
  padding: 16px 24px;
  color: var(--fg-primary);
  font-weight: 600;
  font-size: 15px;
  border-radius: var(--r-pill);
  border: 1px solid var(--border-subtle);
  transition: background var(--dur-base), border-color var(--dur-base);
}.btn-ghost:hover{ background: var(--bg-sunken); border-color: var(--fg-tertiary); }.pill{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px;
  background: var(--bg-raised);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-pill);
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-secondary);
}.pill svg{ width: 14px; height: 14px; }.hero--split .hero-inner{
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  align-items: center;
}.hero--split .hero-text{ min-width: 0; }.hero--split .hero-visual{
  position: relative;
  aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center;
  max-width: 460px;
  justify-self: center;
}.hero-action-wrap{
  max-width: var(--container-lg);
  margin: 40px auto 0;
  padding: 0;
}.hero-action{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 760px;
  margin-inline: auto;
  padding: 16px 20px 16px 24px;
  background: var(--bg-raised);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: transform var(--dur-base), box-shadow var(--dur-base), border-color var(--dur-base);
}.hero-action:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  border-color: var(--abdul-ember-400);
}.hero-action-left{ min-width: 0; display: flex; flex-direction: column; gap: 4px; }.hero-action-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--abdul-ember-600);
  font-feature-settings: var(--ff-display);
}.hero-action-title{
  font-family: var(--font-arabic-display);
  font-weight: 700;
  font-size: 17px;
  color: var(--fg-primary);
  letter-spacing: -0.01em;
  font-feature-settings: var(--ff-swash);
}.hero-action-right{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}.hero-action-price{
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
}.hero-action-right .btn-primary{ padding: 10px 16px; font-size: 13.5px; }@media (max-width: 560px){.hero-action{ padding: 14px 16px; gap: 12px; }.hero-action-right{ width: 100%; justify-content: space-between; }.hero-action-title{ font-size: 16px; }}.halo{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--abdul-gradient-radial-glow);
  filter: blur(40px) saturate(1.1);
  opacity: 0.75;
  transform: scale(0.85);
  animation: halo-float 8s ease-in-out infinite;
}@keyframes halo-float{
  0%, 100% { transform: scale(0.85) translateY(0); }
  50%      { transform: scale(0.9) translateY(-10px); }
}.portrait{
  position: relative;
  width: 78%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(20, 17, 46, 0.35);
  border: 4px solid var(--bg-raised);
}.portrait img{ width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }@keyframes chip-float{
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}@media (max-width: 880px){.hero--split .hero-visual{
    flex-direction: column;
    aspect-ratio: auto;
    padding-bottom: 8px;
    align-items: center;
    overflow: visible;
  }.hero--split .hero-visual .halo{
    position: absolute;
    inset: auto;
    top: 0;
    left: 50%;
    width: min(72vw, 320px);
    height: min(72vw, 320px);
    transform: translateX(-50%) scale(0.85);
    animation: none;
    z-index: 0;
  }.hero--split .hero-visual .portrait{
    width: min(72vw, 320px);
    aspect-ratio: 1;
    position: relative;
    z-index: 1;
  }}.section{
  padding: 80px 20px;
  max-width: var(--container-lg);
  margin: 0 auto;
}@keyframes reel-hint-pulse{
  0%, 100% { opacity: 0.95; }
  50% { opacity: 0.65; }
}.btn-whatsapp{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  max-width: 100%;
  margin: 0 auto 14px;
  padding: 11px 22px;
  background: #25d366;
  color: #fff;
  font-family: var(--font-arabic);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  border-radius: 999px;
  text-decoration: none;
  transition: transform var(--dur-base), box-shadow var(--dur-base), background var(--dur-base);
  box-shadow: 0 3px 0 0 #128c7e, 0 4px 12px -3px rgba(18, 140, 126, 0.35);
  position: relative; z-index: 1;
}.btn-whatsapp:hover{
  background: #20bd5a;
  transform: translateY(-1px);
  box-shadow: 0 4px 0 0 #128c7e, 0 6px 14px -3px rgba(18, 140, 126, 0.4);
}.btn-whatsapp:active{
  transform: translateY(1px);
  box-shadow: 0 2px 0 0 #128c7e, 0 3px 8px -3px rgba(18, 140, 126, 0.35);
}.btn-whatsapp svg{ flex-shrink: 0; }@media (max-width: 600px){.btn-whatsapp{ font-size: 13.5px; padding: 10px 18px; }}.btn-telegram{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 28px;
  background: #fff;
  color: var(--abdul-ink-950);
  font-weight: 700;
  font-size: 16px;
  border-radius: var(--r-pill);
  transition: transform var(--dur-base), box-shadow var(--dur-base);
}.btn-telegram:hover{ transform: translateY(-2px); box-shadow: 0 12px 30px rgba(67, 238, 237, 0.35); }.btn-telegram svg{ width: 20px; height: 20px; color: #0088cc; }.btn-buy-dark{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 18px 32px;
  
  background: var(--abdul-gradient-salmon);
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  border-radius: var(--r-pill);
  box-shadow: var(--glow-salmon), 0 0 0 1px rgba(255,255,255,0.08);
  transition: transform var(--dur-base), box-shadow var(--dur-base), filter var(--dur-base);
}.btn-buy-dark:hover{ transform: translateY(-2px); filter: brightness(1.04) saturate(1.04); }.auth-wrap{
  min-height: calc(100vh - 72px);
  display: flex; align-items: center; justify-content: center;
  padding: 40px 20px;
}.auth-card{
  width: 100%;
  max-width: 440px;
  background: var(--bg-raised);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-xl);
  padding: 40px;
  box-shadow: var(--shadow-md);
}.auth-brand{
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  margin-bottom: 28px;
}.auth-brand img{ width: 48px; height: 48px; border-radius: 50%; }.auth-brand-name{ font-family: var(--font-arabic); font-weight: 700; font-size: 18px; }.btn-block{
  width: 100%;
  padding: 14px 20px;
  background: var(--abdul-ember-500);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  border-radius: var(--r-md);
  transition: background var(--dur-base);
  display: flex;              
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
}.btn-block:hover{ background: var(--abdul-ember-400); }.btn-google{
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 16px;
  background: #fff;
  border: 1.75px solid var(--abdul-ink-800, #0f172a);
  border-radius: var(--r-md);
  font-family: var(--font-arabic);
  font-weight: 700;
  font-size: 15.5px;
  color: var(--abdul-ink-800, #0f172a);
  transition: transform var(--dur-base), box-shadow var(--dur-base), background var(--dur-base);
  margin-bottom: 14px;
  box-shadow: 0 4px 0 0 var(--abdul-ink-800, #0f172a), 0 6px 16px -4px rgba(15, 23, 42, 0.18);
  cursor: pointer;
}.btn-google:hover{ transform: translateY(-1px); box-shadow: 0 5px 0 0 var(--abdul-ink-800, #0f172a), 0 8px 20px -4px rgba(15, 23, 42, 0.22); }.btn-google:active{ transform: translateY(2px); box-shadow: 0 2px 0 0 var(--abdul-ink-800, #0f172a), 0 3px 10px -4px rgba(15, 23, 42, 0.18); }.btn-google svg{ width: 18px; height: 18px; }@keyframes pendingPulse{
  0% { transform: scale(0.9); opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; }
}@keyframes dotPulse{ 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }.toggle{
  width: 42px; height: 24px;
  background: var(--bg-sunken);
  border-radius: var(--r-pill);
  position: relative;
  transition: background var(--dur-base);
  cursor: pointer;
}.toggle::after{
  content: '';
  position: absolute;
  top: 3px; right: 3px;
  width: 18px; height: 18px;
  background: #fff;
  border-radius: 50%;
  transition: transform var(--dur-base) var(--ease-standard);
  box-shadow: var(--shadow-xs);
}.toggle.on{ background: var(--abdul-ember-500); }.toggle.on::after{ transform: translateX(-18px); }[data-theme="dark"]{
  --bg-canvas: #14112e;
  --bg-surface: #1f1a3f;
  --bg-raised: #1a1639;
  --bg-sunken: #0a0820;
  --fg-primary: #f7f6fb;
  --fg-secondary: #c2bed9;
  --fg-tertiary: #9994bf;
  --border-subtle: rgba(255,255,255,0.08);
}[data-theme="dark"] .pill{ background: rgba(255,255,255,0.04); }[data-theme="dark"] .auth-card{ background: var(--bg-raised); }@media (max-width: 880px){.hero--split .hero-inner{ grid-template-columns: 1fr; gap: 40px; }.hero--split .hero-visual{ max-width: 380px; margin: 0 auto; }}@media (max-width: 640px){.hero{ padding: 40px 20px 60px; }.section{ padding: 56px 20px; }}.page-enter{ animation: pageIn 320ms var(--ease-entrance); }@keyframes pageIn{
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}html[lang="ar"] .hero-action-eyebrow{ letter-spacing: 0; }@media (prefers-reduced-motion: reduce){.halo,.page-enter{
    animation: none;
  }}.hero{ padding-top: clamp(80px, 11vh, 120px); padding-bottom: clamp(96px, 13vh, 136px); }.ao-blog-hero{ padding-bottom: clamp(104px, 13vw, 160px); }.hero--sky{
  min-height: min(82vh, 820px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}:root{
  --wash-lavender: color-mix(in oklch, var(--abdul-violet-600) 9%, var(--bg-canvas, #fcfbf8));
  --wash-warm: color-mix(in oklch, #e9dcc4 38%, var(--bg-canvas, #fcfbf8));
}#courses{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-warm) 30%, var(--wash-warm) 70%, transparent 100%) fill 0 / / 0 100vw; }#blog{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-warm) 28%, var(--wash-warm) 72%, transparent 100%) fill 0 / / 0 100vw; }#stack{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-lavender) 25%, var(--wash-lavender) 75%, transparent 100%) fill 0 / / 0 100vw; }#career{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-warm) 28%, var(--wash-warm) 72%, transparent 100%) fill 0 / / 0 100vw; }#stack .ao-logo-wall a{ box-shadow: 0 2px 10px -4px rgba(61,24,191,.18); }.learn-why{ text-align: center; padding: clamp(40px, 6vw, 72px) 20px 0; }.learn-close{ text-align: center; padding: clamp(56px, 8vw, 96px) 20px clamp(96px, 12vw, 140px); }.learn-close h2{ margin: 0 0 8px; font-family: var(--font-arabic-display); font-feature-settings: var(--ff-display); font-size: clamp(28px, 4vw, 40px); color: var(--fg-primary, #16103a); }.learn-close p{ margin: 0 0 24px; color: var(--fg-secondary, #4b4568); font-size: 17px; }@keyframes bl-blink{ 0%, 93%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.12); } }@keyframes bl-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }