:root {
  --color-primary: #80519F;
  --color-accent: #244DB8;
  --color-secondary: #F5BD02;
  --color-background: #ffffff;
  --color-surface: #F9F5FA;
  --color-text-primary: #0F172A;
  --color-text-secondary: #525252;
  --color-border: #E1CCE8;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --color-primary-25: #faf9fb;
  --color-primary-50: #f3f0f5;
  --color-primary-100: #e7e0eb;
  --color-primary-200: #cec0d8;
  --color-primary-300: #b79fc6;
  --color-primary-400: #9f7bb7;
  --color-primary-500: #8856a9;
  --color-primary-600: #6c4884;
  --color-primary-700: #513960;
  --color-primary-800: #35273f;
  --color-primary-900: #201825;
  --color-primary-950: #151018;
  --color-accent-25: #f8f9fc;
  --color-accent-50: #eef0f7;
  --color-accent-100: #dbe1f0;
  --color-accent-200: #b4c1e4;
  --color-accent-300: #89a0dc;
  --color-accent-400: #5b7dd7;
  --color-accent-500: #2a59d5;
  --color-accent-600: #284aa4;
  --color-accent-700: #233a76;
  --color-accent-800: #1b284b;
  --color-accent-900: #12192b;
  --color-accent-950: #0c111c;
  --color-primary-light-1: #9d74b9;
  --color-primary-light-2: #ba9dcd;
  --color-primary-light-3: #d7c5e2;
  --color-primary-dark-1: #5f3c77;
  --color-primary-dark-2: #3f274e;
  --color-primary-dark-3: #1e1325;
  --color-accent-light-1: #3f6bd9;
  --color-accent-light-2: #7292e3;
  --color-accent-light-3: #a6baed;
  --color-accent-dark-1: #1a3884;
  --color-accent-dark-2: #102251;
  --color-accent-dark-3: #060d1e;
  --color-secondary-light-1: #fdce35;
  --color-secondary-light-2: #fedd72;
  --color-secondary-light-3: #feecae;
  --color-secondary-dark-1: #b68c02;
  --color-secondary-dark-2: #795d01;
  --color-secondary-dark-3: #3d2f01;
  --color-background-light-1: #f2f2f2;
  --color-background-light-2: #f2f2f2;
  --color-background-light-3: #f2f2f2;
  --color-background-dark-1: #e0e0e0;
  --color-background-dark-2: #c2c2c2;
  --color-background-dark-3: #a3a3a3;
  --color-surface-light-1: #f5eef6;
  --color-surface-light-2: #f5eef6;
  --color-surface-light-3: #f5eef6;
  --color-surface-dark-1: #e0cce5;
  --color-surface-dark-2: #c8a3d1;
  --color-surface-dark-3: #af7bbc;
  --color-text-primary-light-1: #1f3056;
  --color-text-primary-light-2: #2f4883;
  --color-text-primary-light-3: #4061b0;
  --color-text-primary-dark-1: #070a13;
  --color-text-primary-dark-2: #070a13;
  --color-text-primary-dark-3: #070a13;
  --color-text-secondary-light-1: #707070;
  --color-text-secondary-light-2: #8f8f8f;
  --color-text-secondary-light-3: #adadad;
  --color-text-secondary-dark-1: #333333;
  --color-text-secondary-dark-2: #141414;
  --color-text-secondary-dark-3: #0d0d0d;
  --color-border-light-1: #f5edf7;
  --color-border-light-2: #f5edf7;
  --color-border-light-3: #f5edf7;
  --color-border-dark-1: #c7a0d4;
  --color-border-dark-2: #ae76c1;
  --color-border-dark-3: #954dac;
  --color-success-light-1: #19eba5;
  --color-success-light-2: #51f0bb;
  --color-success-light-3: #8af5d1;
  --color-success-dark-1: #0b7f58;
  --color-success-dark-2: #064631;
  --color-success-dark-3: #021710;
  --color-warning-light-1: #f7b645;
  --color-warning-light-2: #facd80;
  --color-warning-light-3: #fce4ba;
  --color-warning-dark-1: #ba7908;
  --color-warning-dark-2: #7f5305;
  --color-warning-dark-3: #452c03;
  --color-error-light-1: #f47c7c;
  --color-error-light-2: #f8b4b4;
  --color-error-light-3: #fde8e8;
  --color-error-dark-1: #e11414;
  --color-error-dark-2: #a90f0f;
  --color-error-dark-3: #710a0a;
  --color-info-light-1: #77a8f9;
  --color-info-light-2: #b1cefb;
  --color-info-light-3: #e7f0fe;
  --color-info-dark-1: #0b60ea;
  --color-info-dark-2: #0848af;
  --color-info-dark-3: #063075;
  --color-primary-25-light-1: #f2f0f5;
  --color-primary-25-light-2: #f2f0f5;
  --color-primary-25-light-3: #f2f0f5;
  --color-primary-25-dark-1: #dbd4e2;
  --color-primary-25-dark-2: #bdafca;
  --color-primary-25-dark-3: #9e8bb1;
  --color-primary-50-light-1: #f3f0f5;
  --color-primary-50-light-2: #f3f0f5;
  --color-primary-50-light-3: #f3f0f5;
  --color-primary-50-dark-1: #d5cbdc;
  --color-primary-50-dark-2: #b8a6c4;
  --color-primary-50-dark-3: #9b82ab;
  --color-primary-100-light-1: #f3eff5;
  --color-primary-100-light-2: #f3eff5;
  --color-primary-100-light-3: #f3eff5;
  --color-primary-100-dark-1: #cabbd3;
  --color-primary-100-dark-2: #ad95bb;
  --color-primary-100-dark-3: #9170a4;
  --color-primary-200-light-1: #ebe6ef;
  --color-primary-200-light-2: #f3eff5;
  --color-primary-200-light-3: #f3eff5;
  --color-primary-200-dark-1: #b19ac1;
  --color-primary-200-dark-2: #9374aa;
  --color-primary-200-dark-3: #75558b;
  --color-primary-300-light-1: #d4c6dd;
  --color-primary-300-light-2: #f1ecf4;
  --color-primary-300-light-3: #f3eff5;
  --color-primary-300-dark-1: #9a79af;
  --color-primary-300-dark-2: #7c5893;
  --color-primary-300-dark-3: #5c416c;
  --color-primary-400-light-1: #bca3cc;
  --color-primary-400-light-2: #d9cae2;
  --color-primary-400-light-3: #f3eff6;
  --color-primary-400-dark-1: #81579e;
  --color-primary-400-dark-2: #614176;
  --color-primary-400-dark-3: #412b4f;
  --color-primary-500-light-1: #a47ebe;
  --color-primary-500-light-2: #c1a7d3;
  --color-primary-500-light-3: #ded0e7;
  --color-primary-500-dark-1: #674181;
  --color-primary-500-dark-2: #472c58;
  --color-primary-500-dark-3: #26182f;
  --color-primary-600-light-1: #8c61a8;
  --color-primary-600-light-2: #a989be;
  --color-primary-600-light-3: #c5b0d4;
  --color-primary-600-dark-1: #4c335c;
  --color-primary-600-dark-2: #2b1d35;
  --color-primary-600-dark-3: #0d0910;
  --color-primary-700-light-1: #715086;
  --color-primary-700-light-2: #916ca7;
  --color-primary-700-light-3: #ad93be;
  --color-primary-700-dark-1: #312239;
  --color-primary-700-dark-2: #100b13;
  --color-primary-700-dark-3: #0d0a10;
  --color-primary-800-light-1: #553e65;
  --color-primary-800-light-2: #75558b;
  --color-primary-800-light-3: #9374aa;
  --color-primary-800-dark-1: #151019;
  --color-primary-800-dark-2: #0d0a10;
  --color-primary-800-dark-3: #0d0a10;
  --color-primary-900-light-1: #40304a;
  --color-primary-900-light-2: #60496f;
  --color-primary-900-light-3: #806194;
  --color-primary-900-dark-1: #0d0a0f;
  --color-primary-900-dark-2: #0d0a0f;
  --color-primary-900-dark-3: #0d0a0f;
  --color-primary-950-light-1: #36293d;
  --color-primary-950-light-2: #564162;
  --color-primary-950-light-3: #765a87;
  --color-primary-950-dark-1: #0d0a0f;
  --color-primary-950-dark-2: #0d0a0f;
  --color-primary-950-dark-3: #0d0a0f;
  --color-accent-25-light-1: #edf0f7;
  --color-accent-25-light-2: #edf0f7;
  --color-accent-25-light-3: #edf0f7;
  --color-accent-25-dark-1: #cdd4ea;
  --color-accent-25-dark-2: #a2afd7;
  --color-accent-25-dark-3: #778bc5;
  --color-accent-50-light-1: #eef0f7;
  --color-accent-50-light-2: #eef0f7;
  --color-accent-50-light-3: #eef0f7;
  --color-accent-50-dark-1: #c4cbe3;
  --color-accent-50-dark-2: #9aa6d0;
  --color-accent-50-dark-3: #7181bc;
  --color-accent-100-light-1: #edf0f7;
  --color-accent-100-light-2: #edf0f7;
  --color-accent-100-light-3: #edf0f7;
  --color-accent-100-dark-1: #b0bdde;
  --color-accent-100-dark-2: #8599cc;
  --color-accent-100-dark-3: #5a75ba;
  --color-accent-200-light-1: #e1e6f4;
  --color-accent-200-light-2: #eceff8;
  --color-accent-200-light-3: #eceff8;
  --color-accent-200-dark-1: #879cd4;
  --color-accent-200-dark-2: #5a76c4;
  --color-accent-200-dark-3: #3b58a5;
  --color-accent-300-light-1: #b8c6ea;
  --color-accent-300-light-2: #e7ecf8;
  --color-accent-300-light-3: #ebeff9;
  --color-accent-300-dark-1: #5a7bce;
  --color-accent-300-dark-2: #365ab5;
  --color-accent-300-dark-3: #284286;
  --color-accent-400-light-1: #8ca3e3;
  --color-accent-400-light-2: #bdcbef;
  --color-accent-400-light-3: #eaeffa;
  --color-accent-400-dark-1: #3058c5;
  --color-accent-400-dark-2: #244294;
  --color-accent-400-dark-3: #182c63;
  --color-accent-500-light-1: #5d80df;
  --color-accent-500-light-2: #90a8e9;
  --color-accent-500-light-3: #c3d0f3;
  --color-accent-500-dark-1: #2043a2;
  --color-accent-500-dark-2: #162e6f;
  --color-accent-500-dark-3: #0c193c;
  --color-accent-600-light-1: #3a62cf;
  --color-accent-600-light-2: #6b89db;
  --color-accent-600-light-3: #9cb0e7;
  --color-accent-600-dark-1: #1c3373;
  --color-accent-600-dark-2: #101d42;
  --color-accent-600-dark-3: #050915;
  --color-accent-700-light-1: #3152a5;
  --color-accent-700-light-2: #4a6ec9;
  --color-accent-700-light-3: #7994d7;
  --color-accent-700-dark-1: #152347;
  --color-accent-700-dark-2: #070c18;
  --color-accent-700-dark-3: #060a14;
  --color-accent-800-light-1: #2b4078;
  --color-accent-800-light-2: #3b58a5;
  --color-accent-800-light-3: #5a76c4;
  --color-accent-800-dark-1: #0b101e;
  --color-accent-800-dark-2: #070a13;
  --color-accent-800-dark-3: #070a13;
  --color-accent-900-light-1: #243256;
  --color-accent-900-light-2: #364b81;
  --color-accent-900-light-3: #4865ad;
  --color-accent-900-dark-1: #080a12;
  --color-accent-900-dark-2: #080a12;
  --color-accent-900-dark-3: #080a12;
  --color-accent-950-light-1: #1f2c47;
  --color-accent-950-light-2: #314672;
  --color-accent-950-light-3: #43609d;
  --color-accent-950-dark-1: #080b12;
  --color-accent-950-dark-2: #080b12;
  --color-accent-950-dark-3: #080b12;
}

[data-theme="dark"] {
  --color-primary: #a57fbe;
  --color-accent: #4c74dc;
  --color-secondary: #fdd346;
  --color-background: #0d0d0d;
  --color-surface: #efe4f2;
  --color-text-primary: #233662;
  --color-text-secondary: #adadad;
  --color-border: #d7bae0;
  --color-success: #29ecac;
  --color-warning: #f59e0a;
  --color-error: #ed2d2d;
  --color-info: #2372f5;
  --color-primary-25: #0d0a0f;
  --color-primary-50: #e7e1eb;
  --color-primary-100: #dbd0e1;
  --color-primary-200: #c2b0ce;
  --color-primary-300: #ab8fbc;
  --color-primary-400: #936aae;
  --color-primary-500: #8856a9;
  --color-primary-600: #936bae;
  --color-primary-700: #795690;
  --color-primary-800: #5d446e;
  --color-primary-900: #483653;
  --color-primary-950: #3d2f46;
  --color-accent-25: #e6eaf4;
  --color-accent-50: #dde1ef;
  --color-accent-100: #c9d2e9;
  --color-accent-200: #a1b2dd;
  --color-accent-300: #7590d6;
  --color-accent-400: #466dd2;
  --color-accent-500: #2a59d5;
  --color-accent-600: #476dd2;
  --color-accent-700: #3557b1;
  --color-accent-800: #2f4683;
  --color-accent-900: #293861;
  --color-accent-950: #233252;
  --color-primary-light-1: #9163b0;
  --color-primary-light-2: #ae8cc4;
  --color-primary-light-3: #cbb4d9;
  --color-primary-dark-1: #8856aa;
  --color-primary-dark-2: #684181;
  --color-primary-dark-3: #472d58;
  --color-accent-light-1: #2a5bd5;
  --color-accent-light-2: #5d82df;
  --color-accent-light-3: #91aae9;
  --color-accent-dark-1: #2753c4;
  --color-accent-dark-2: #1d3d91;
  --color-accent-dark-3: #13295e;
  --color-secondary-light-1: #fdc81c;
  --color-secondary-light-2: #fed759;
  --color-secondary-light-3: #fee695;
  --color-secondary-dark-1: #fcc308;
  --color-secondary-dark-2: #c59702;
  --color-secondary-dark-3: #886902;
  --color-background-light-1: #0d0d0d;
  --color-background-light-2: #0d0d0d;
  --color-background-light-3: #0d0d0d;
  --color-background-dark-1: #1f1f1f;
  --color-background-dark-2: #3d3d3d;
  --color-background-dark-3: #5c5c5c;
  --color-surface-light-1: #ebdded;
  --color-surface-light-2: #ebdded;
  --color-surface-light-3: #ebdded;
  --color-surface-dark-1: #d6bbdc;
  --color-surface-dark-2: #be92c9;
  --color-surface-dark-3: #a56ab3;
  --color-text-primary-light-1: #334f8e;
  --color-text-primary-light-2: #4367bb;
  --color-text-primary-light-3: #718ccb;
  --color-text-primary-dark-1: #1c274b;
  --color-text-primary-dark-2: #1c274b;
  --color-text-primary-dark-3: #1c274b;
  --color-text-secondary-light-1: #8f8f8f;
  --color-text-secondary-light-2: #707070;
  --color-text-secondary-light-3: #525252;
  --color-text-secondary-dark-1: #cccccc;
  --color-text-secondary-dark-2: #ebebeb;
  --color-text-secondary-dark-3: #f2f2f2;
  --color-border-light-1: #ebdbef;
  --color-border-light-2: #ebdbef;
  --color-border-light-3: #ebdbef;
  --color-border-dark-1: #bd8ecc;
  --color-border-dark-2: #a464b9;
  --color-border-dark-3: #b580c6;
  --color-success-light-1: #14eba3;
  --color-success-light-2: #3aeeb2;
  --color-success-light-3: #73f3c8;
  --color-success-dark-1: #11c589;
  --color-success-dark-2: #0c8c62;
  --color-success-dark-3: #085d41;
  --color-warning-light-1: #f6ac2d;
  --color-warning-light-2: #f9c367;
  --color-warning-light-3: #fbdaa2;
  --color-warning-dark-1: #f5a519;
  --color-warning-dark-2: #c98308;
  --color-warning-dark-3: #8e5b06;
  --color-error-light-1: #f26464;
  --color-error-light-2: #f69d9d;
  --color-error-light-3: #fbd1d1;
  --color-error-dark-1: #f05252;
  --color-error-dark-2: #eb1a1a;
  --color-error-dark-3: #b71010;
  --color-info-light-1: #5f98f8;
  --color-info-light-2: #99bffa;
  --color-info-light-3: #cfe1fd;
  --color-info-dark-1: #4b8cf7;
  --color-info-dark-2: #0f67f4;
  --color-info-dark-3: #0a4ebe;
  --color-primary-25-light-1: #e5e1eb;
  --color-primary-25-light-2: #e5e1eb;
  --color-primary-25-light-3: #e5e1eb;
  --color-primary-25-dark-1: #241d2b;
  --color-primary-25-dark-2: #b0a0c0;
  --color-primary-25-dark-3: #614e74;
  --color-primary-50-light-1: #e7e1eb;
  --color-primary-50-light-2: #e7e1eb;
  --color-primary-50-light-3: #e7e1eb;
  --color-primary-50-dark-1: #2d2334;
  --color-primary-50-dark-2: #ac97ba;
  --color-primary-50-dark-3: #6d547d;
  --color-primary-100-light-1: #e7dfeb;
  --color-primary-100-light-2: #e7dfeb;
  --color-primary-100-light-3: #e7dfeb;
  --color-primary-100-dark-1: #beacc9;
  --color-primary-100-dark-2: #a185b1;
  --color-primary-100-dark-3: #87639c;
  --color-primary-200-light-1: #dfd6e5;
  --color-primary-200-light-2: #e7dfeb;
  --color-primary-200-light-3: #e7dfeb;
  --color-primary-200-dark-1: #a58ab7;
  --color-primary-200-dark-2: #8764a0;
  --color-primary-200-dark-3: #9b7db0;
  --color-primary-300-light-1: #c8b6d3;
  --color-primary-300-light-2: #e5dceb;
  --color-primary-300-light-3: #e7dfeb;
  --color-primary-300-dark-1: #8e69a5;
  --color-primary-300-dark-2: #a183b5;
  --color-primary-300-dark-3: #855e9c;
  --color-primary-400-light-1: #b093c3;
  --color-primary-400-light-2: #cdbad9;
  --color-primary-400-light-3: #e7dfed;
  --color-primary-400-dark-1: #a685bc;
  --color-primary-400-dark-2: #895da6;
  --color-primary-400-dark-3: #6a4681;
  --color-primary-500-light-1: #986db5;
  --color-primary-500-light-2: #b596cb;
  --color-primary-500-light-3: #d2bfde;
  --color-primary-500-dark-1: #8f60af;
  --color-primary-500-dark-2: #70468b;
  --color-primary-500-dark-3: #4f3262;
  --color-primary-600-light-1: #875ba4;
  --color-primary-600-light-2: #9d79b5;
  --color-primary-600-light-3: #b99fcb;
  --color-primary-600-dark-1: #754e8d;
  --color-primary-600-dark-2: #533866;
  --color-primary-600-dark-3: #352541;
  --color-primary-700-light-1: #9776ad;
  --color-primary-700-light-2: #885fa0;
  --color-primary-700-light-3: #a183b4;
  --color-primary-700-dark-1: #5a3f69;
  --color-primary-700-dark-2: #392743;
  --color-primary-700-dark-3: #33273f;
  --color-primary-800-light-1: #7d5b94;
  --color-primary-800-light-2: #9b7db0;
  --color-primary-800-light-3: #8764a0;
  --color-primary-800-dark-1: #3c2e48;
  --color-primary-800-dark-2: #33273f;
  --color-primary-800-dark-3: #33273f;
  --color-primary-900-light-1: #684e78;
  --color-primary-900-light-2: #88689c;
  --color-primary-900-light-3: #a58db4;
  --color-primary-900-dark-1: #35293d;
  --color-primary-900-dark-2: #35293d;
  --color-primary-900-dark-3: #35293d;
  --color-primary-950-light-1: #cfc2d6;
  --color-primary-950-light-2: #7e6090;
  --color-primary-950-light-3: #9478a5;
  --color-primary-950-dark-1: #35293d;
  --color-primary-950-dark-2: #35293d;
  --color-primary-950-dark-3: #35293d;
  --color-accent-25-light-1: #dbe1ef;
  --color-accent-25-light-2: #dbe1ef;
  --color-accent-25-light-3: #dbe1ef;
  --color-accent-25-dark-1: #bbc5e2;
  --color-accent-25-dark-2: #90a0cf;
  --color-accent-25-dark-3: #657cbd;
  --color-accent-50-light-1: #dde1ef;
  --color-accent-50-light-2: #dde1ef;
  --color-accent-50-light-3: #dde1ef;
  --color-accent-50-dark-1: #b3bcdb;
  --color-accent-50-dark-2: #8997c8;
  --color-accent-50-dark-3: #6072b4;
  --color-accent-100-light-1: #dbe1ef;
  --color-accent-100-light-2: #dbe1ef;
  --color-accent-100-light-3: #dbe1ef;
  --color-accent-100-dark-1: #9eaed6;
  --color-accent-100-dark-2: #738ac4;
  --color-accent-100-dark-3: #4b69b4;
  --color-accent-200-light-1: #ced6ed;
  --color-accent-200-light-2: #d9dff1;
  --color-accent-200-light-3: #d9dff1;
  --color-accent-200-dark-1: #748dcd;
  --color-accent-200-dark-2: #4766bd;
  --color-accent-200-dark-3: #6580c8;
  --color-accent-300-light-1: #a4b6e4;
  --color-accent-300-light-2: #d3dcf2;
  --color-accent-300-light-3: #d7dff3;
  --color-accent-300-dark-1: #466bc8;
  --color-accent-300-dark-2: #6685d1;
  --color-accent-300-dark-3: #3a5fc1;
  --color-accent-400-light-1: #7793de;
  --color-accent-400-light-2: #a8bbea;
  --color-accent-400-light-3: #d5dff5;
  --color-accent-400-dark-1: #6786da;
  --color-accent-400-dark-2: #365fce;
  --color-accent-400-dark-3: #2747a1;
  --color-accent-500-light-1: #486fdb;
  --color-accent-500-light-2: #7b97e5;
  --color-accent-500-light-3: #aebfef;
  --color-accent-500-dark-1: #3762d7;
  --color-accent-500-dark-2: #2348af;
  --color-accent-500-dark-3: #19347c;
  --color-accent-600-light-1: #325ccd;
  --color-accent-600-light-2: #5679d6;
  --color-accent-600-light-3: #87a0e2;
  --color-accent-600-dark-1: #2b4eb1;
  --color-accent-600-dark-2: #1f3880;
  --color-accent-600-dark-3: #142353;
  --color-accent-700-light-1: #5678cd;
  --color-accent-700-light-2: #3b62c4;
  --color-accent-700-light-3: #6584d1;
  --color-accent-700-dark-1: #264082;
  --color-accent-700-dark-2: #182a53;
  --color-accent-700-dark-3: #18274f;
  --color-accent-800-light-1: #3f5eb0;
  --color-accent-800-light-2: #6580c8;
  --color-accent-800-light-3: #4766bd;
  --color-accent-800-dark-1: #202e56;
  --color-accent-800-dark-2: #1c274b;
  --color-accent-800-dark-3: #1c274b;
  --color-accent-900-light-1: #3b518c;
  --color-accent-900-light-2: #4e6bb5;
  --color-accent-900-light-3: #7a90c8;
  --color-accent-900-dark-1: #202747;
  --color-accent-900-dark-2: #202747;
  --color-accent-900-dark-3: #202747;
  --color-accent-950-light-1: #364d7c;
  --color-accent-950-light-2: #4867a8;
  --color-accent-950-light-3: #6c87c0;
  --color-accent-950-dark-1: #202b47;
  --color-accent-950-dark-2: #202b47;
  --color-accent-950-dark-3: #202b47;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --color-primary: #a57fbe;
  --color-accent: #4c74dc;
  --color-secondary: #fdd346;
  --color-background: #0d0d0d;
  --color-surface: #efe4f2;
  --color-text-primary: #233662;
  --color-text-secondary: #adadad;
  --color-border: #d7bae0;
  --color-success: #29ecac;
  --color-warning: #f59e0a;
  --color-error: #ed2d2d;
  --color-info: #2372f5;
  --color-primary-25: #0d0a0f;
  --color-primary-50: #e7e1eb;
  --color-primary-100: #dbd0e1;
  --color-primary-200: #c2b0ce;
  --color-primary-300: #ab8fbc;
  --color-primary-400: #936aae;
  --color-primary-500: #8856a9;
  --color-primary-600: #936bae;
  --color-primary-700: #795690;
  --color-primary-800: #5d446e;
  --color-primary-900: #483653;
  --color-primary-950: #3d2f46;
  --color-accent-25: #e6eaf4;
  --color-accent-50: #dde1ef;
  --color-accent-100: #c9d2e9;
  --color-accent-200: #a1b2dd;
  --color-accent-300: #7590d6;
  --color-accent-400: #466dd2;
  --color-accent-500: #2a59d5;
  --color-accent-600: #476dd2;
  --color-accent-700: #3557b1;
  --color-accent-800: #2f4683;
  --color-accent-900: #293861;
  --color-accent-950: #233252;
  --color-primary-light-1: #9163b0;
  --color-primary-light-2: #ae8cc4;
  --color-primary-light-3: #cbb4d9;
  --color-primary-dark-1: #8856aa;
  --color-primary-dark-2: #684181;
  --color-primary-dark-3: #472d58;
  --color-accent-light-1: #2a5bd5;
  --color-accent-light-2: #5d82df;
  --color-accent-light-3: #91aae9;
  --color-accent-dark-1: #2753c4;
  --color-accent-dark-2: #1d3d91;
  --color-accent-dark-3: #13295e;
  --color-secondary-light-1: #fdc81c;
  --color-secondary-light-2: #fed759;
  --color-secondary-light-3: #fee695;
  --color-secondary-dark-1: #fcc308;
  --color-secondary-dark-2: #c59702;
  --color-secondary-dark-3: #886902;
  --color-background-light-1: #0d0d0d;
  --color-background-light-2: #0d0d0d;
  --color-background-light-3: #0d0d0d;
  --color-background-dark-1: #1f1f1f;
  --color-background-dark-2: #3d3d3d;
  --color-background-dark-3: #5c5c5c;
  --color-surface-light-1: #ebdded;
  --color-surface-light-2: #ebdded;
  --color-surface-light-3: #ebdded;
  --color-surface-dark-1: #d6bbdc;
  --color-surface-dark-2: #be92c9;
  --color-surface-dark-3: #a56ab3;
  --color-text-primary-light-1: #334f8e;
  --color-text-primary-light-2: #4367bb;
  --color-text-primary-light-3: #718ccb;
  --color-text-primary-dark-1: #1c274b;
  --color-text-primary-dark-2: #1c274b;
  --color-text-primary-dark-3: #1c274b;
  --color-text-secondary-light-1: #8f8f8f;
  --color-text-secondary-light-2: #707070;
  --color-text-secondary-light-3: #525252;
  --color-text-secondary-dark-1: #cccccc;
  --color-text-secondary-dark-2: #ebebeb;
  --color-text-secondary-dark-3: #f2f2f2;
  --color-border-light-1: #ebdbef;
  --color-border-light-2: #ebdbef;
  --color-border-light-3: #ebdbef;
  --color-border-dark-1: #bd8ecc;
  --color-border-dark-2: #a464b9;
  --color-border-dark-3: #b580c6;
  --color-success-light-1: #14eba3;
  --color-success-light-2: #3aeeb2;
  --color-success-light-3: #73f3c8;
  --color-success-dark-1: #11c589;
  --color-success-dark-2: #0c8c62;
  --color-success-dark-3: #085d41;
  --color-warning-light-1: #f6ac2d;
  --color-warning-light-2: #f9c367;
  --color-warning-light-3: #fbdaa2;
  --color-warning-dark-1: #f5a519;
  --color-warning-dark-2: #c98308;
  --color-warning-dark-3: #8e5b06;
  --color-error-light-1: #f26464;
  --color-error-light-2: #f69d9d;
  --color-error-light-3: #fbd1d1;
  --color-error-dark-1: #f05252;
  --color-error-dark-2: #eb1a1a;
  --color-error-dark-3: #b71010;
  --color-info-light-1: #5f98f8;
  --color-info-light-2: #99bffa;
  --color-info-light-3: #cfe1fd;
  --color-info-dark-1: #4b8cf7;
  --color-info-dark-2: #0f67f4;
  --color-info-dark-3: #0a4ebe;
  --color-primary-25-light-1: #e5e1eb;
  --color-primary-25-light-2: #e5e1eb;
  --color-primary-25-light-3: #e5e1eb;
  --color-primary-25-dark-1: #241d2b;
  --color-primary-25-dark-2: #b0a0c0;
  --color-primary-25-dark-3: #614e74;
  --color-primary-50-light-1: #e7e1eb;
  --color-primary-50-light-2: #e7e1eb;
  --color-primary-50-light-3: #e7e1eb;
  --color-primary-50-dark-1: #2d2334;
  --color-primary-50-dark-2: #ac97ba;
  --color-primary-50-dark-3: #6d547d;
  --color-primary-100-light-1: #e7dfeb;
  --color-primary-100-light-2: #e7dfeb;
  --color-primary-100-light-3: #e7dfeb;
  --color-primary-100-dark-1: #beacc9;
  --color-primary-100-dark-2: #a185b1;
  --color-primary-100-dark-3: #87639c;
  --color-primary-200-light-1: #dfd6e5;
  --color-primary-200-light-2: #e7dfeb;
  --color-primary-200-light-3: #e7dfeb;
  --color-primary-200-dark-1: #a58ab7;
  --color-primary-200-dark-2: #8764a0;
  --color-primary-200-dark-3: #9b7db0;
  --color-primary-300-light-1: #c8b6d3;
  --color-primary-300-light-2: #e5dceb;
  --color-primary-300-light-3: #e7dfeb;
  --color-primary-300-dark-1: #8e69a5;
  --color-primary-300-dark-2: #a183b5;
  --color-primary-300-dark-3: #855e9c;
  --color-primary-400-light-1: #b093c3;
  --color-primary-400-light-2: #cdbad9;
  --color-primary-400-light-3: #e7dfed;
  --color-primary-400-dark-1: #a685bc;
  --color-primary-400-dark-2: #895da6;
  --color-primary-400-dark-3: #6a4681;
  --color-primary-500-light-1: #986db5;
  --color-primary-500-light-2: #b596cb;
  --color-primary-500-light-3: #d2bfde;
  --color-primary-500-dark-1: #8f60af;
  --color-primary-500-dark-2: #70468b;
  --color-primary-500-dark-3: #4f3262;
  --color-primary-600-light-1: #875ba4;
  --color-primary-600-light-2: #9d79b5;
  --color-primary-600-light-3: #b99fcb;
  --color-primary-600-dark-1: #754e8d;
  --color-primary-600-dark-2: #533866;
  --color-primary-600-dark-3: #352541;
  --color-primary-700-light-1: #9776ad;
  --color-primary-700-light-2: #885fa0;
  --color-primary-700-light-3: #a183b4;
  --color-primary-700-dark-1: #5a3f69;
  --color-primary-700-dark-2: #392743;
  --color-primary-700-dark-3: #33273f;
  --color-primary-800-light-1: #7d5b94;
  --color-primary-800-light-2: #9b7db0;
  --color-primary-800-light-3: #8764a0;
  --color-primary-800-dark-1: #3c2e48;
  --color-primary-800-dark-2: #33273f;
  --color-primary-800-dark-3: #33273f;
  --color-primary-900-light-1: #684e78;
  --color-primary-900-light-2: #88689c;
  --color-primary-900-light-3: #a58db4;
  --color-primary-900-dark-1: #35293d;
  --color-primary-900-dark-2: #35293d;
  --color-primary-900-dark-3: #35293d;
  --color-primary-950-light-1: #cfc2d6;
  --color-primary-950-light-2: #7e6090;
  --color-primary-950-light-3: #9478a5;
  --color-primary-950-dark-1: #35293d;
  --color-primary-950-dark-2: #35293d;
  --color-primary-950-dark-3: #35293d;
  --color-accent-25-light-1: #dbe1ef;
  --color-accent-25-light-2: #dbe1ef;
  --color-accent-25-light-3: #dbe1ef;
  --color-accent-25-dark-1: #bbc5e2;
  --color-accent-25-dark-2: #90a0cf;
  --color-accent-25-dark-3: #657cbd;
  --color-accent-50-light-1: #dde1ef;
  --color-accent-50-light-2: #dde1ef;
  --color-accent-50-light-3: #dde1ef;
  --color-accent-50-dark-1: #b3bcdb;
  --color-accent-50-dark-2: #8997c8;
  --color-accent-50-dark-3: #6072b4;
  --color-accent-100-light-1: #dbe1ef;
  --color-accent-100-light-2: #dbe1ef;
  --color-accent-100-light-3: #dbe1ef;
  --color-accent-100-dark-1: #9eaed6;
  --color-accent-100-dark-2: #738ac4;
  --color-accent-100-dark-3: #4b69b4;
  --color-accent-200-light-1: #ced6ed;
  --color-accent-200-light-2: #d9dff1;
  --color-accent-200-light-3: #d9dff1;
  --color-accent-200-dark-1: #748dcd;
  --color-accent-200-dark-2: #4766bd;
  --color-accent-200-dark-3: #6580c8;
  --color-accent-300-light-1: #a4b6e4;
  --color-accent-300-light-2: #d3dcf2;
  --color-accent-300-light-3: #d7dff3;
  --color-accent-300-dark-1: #466bc8;
  --color-accent-300-dark-2: #6685d1;
  --color-accent-300-dark-3: #3a5fc1;
  --color-accent-400-light-1: #7793de;
  --color-accent-400-light-2: #a8bbea;
  --color-accent-400-light-3: #d5dff5;
  --color-accent-400-dark-1: #6786da;
  --color-accent-400-dark-2: #365fce;
  --color-accent-400-dark-3: #2747a1;
  --color-accent-500-light-1: #486fdb;
  --color-accent-500-light-2: #7b97e5;
  --color-accent-500-light-3: #aebfef;
  --color-accent-500-dark-1: #3762d7;
  --color-accent-500-dark-2: #2348af;
  --color-accent-500-dark-3: #19347c;
  --color-accent-600-light-1: #325ccd;
  --color-accent-600-light-2: #5679d6;
  --color-accent-600-light-3: #87a0e2;
  --color-accent-600-dark-1: #2b4eb1;
  --color-accent-600-dark-2: #1f3880;
  --color-accent-600-dark-3: #142353;
  --color-accent-700-light-1: #5678cd;
  --color-accent-700-light-2: #3b62c4;
  --color-accent-700-light-3: #6584d1;
  --color-accent-700-dark-1: #264082;
  --color-accent-700-dark-2: #182a53;
  --color-accent-700-dark-3: #18274f;
  --color-accent-800-light-1: #3f5eb0;
  --color-accent-800-light-2: #6580c8;
  --color-accent-800-light-3: #4766bd;
  --color-accent-800-dark-1: #202e56;
  --color-accent-800-dark-2: #1c274b;
  --color-accent-800-dark-3: #1c274b;
  --color-accent-900-light-1: #3b518c;
  --color-accent-900-light-2: #4e6bb5;
  --color-accent-900-light-3: #7a90c8;
  --color-accent-900-dark-1: #202747;
  --color-accent-900-dark-2: #202747;
  --color-accent-900-dark-3: #202747;
  --color-accent-950-light-1: #364d7c;
  --color-accent-950-light-2: #4867a8;
  --color-accent-950-light-3: #6c87c0;
  --color-accent-950-dark-1: #202b47;
  --color-accent-950-dark-2: #202b47;
  --color-accent-950-dark-3: #202b47;
  }
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { direction: rtl; min-height: 100%; font-family: 'IBM Plex Sans Arabic', 'Cairo', system-ui, -apple-system, sans-serif; }
img { max-width: 100%; }
a { color: inherit; }
/* Focus visible (a11y) — يظهر فقط عند التنقّل بلوحة المفاتيح */
:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #3b82f6; outline-offset: 2px;
}

@keyframes bp-slide-down {
  from { opacity: 0; transform: translateY(-24px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes bp-slide-right {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.bp-section-header-section {
  width: 100%;
  padding: 16px 24px 31px 24px;
  background: rgba(255, 255, 255, 0);
  animation: bp-slide-down 600ms ease-out 150ms both;
}

.bp-container-mp4czbps-4 {
  display: flex;
  padding: 16px 0px 16px 0px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  background: rgba(255, 255, 255, 0.25);
}

.bp-container-mp4dlymw-5 {
  display: flex;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 114px;
  background: rgba(249, 247, 250, 0);
  border-radius: 10px 10px 10px 10px;
}

.bp-image-mp4cxkhq-3 {
  display: block;
  width: 103px;
  height: 43px;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
}

.bp-nav-mp2gb7mz-3 {
  display: flex;
  flex-direction: row;
  gap: 1px;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  background: rgba(249, 245, 250, 0.75);
  list-style: none;
  border-radius: 25px 25px 25px 25px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
}

.bp-nav-mp2gb7mz-3__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 16px;
  background: transparent;
  color: var(--color-primary-dark-1, #5f3c77);
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0px;
  text-decoration: none;
  transition: background 200ms, color 200ms, transform 200ms;
  border-radius: 9999px 9999px 9999px 9999px;
  border: 0px solid #e5e5e5;
}

.bp-nav-mp2gb7mz-3__item:hover {
  background: transparent;
  color: var(--color-primary-dark-2, #3f274e);
}

.bp-nav-mp2gb7mz-3__item[data-bp-nav-active] {
  background: #80519F;
  color: #ffffff;
}

.bp-nav-mp2gb7mz-3__item[data-bp-highlight] {
  background: #ffffff;
  color: rgba(249, 245, 250, 0.75);
}

.bp-nav-mp2gb7mz-3__sub {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  display: none;
  flex-direction: column;
  min-width: 200px;
  background: #F9F5FA;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.05);
  list-style: none;
  padding: 4px;
  margin: 4px 0 0 0;
  z-index: 100;
  border-radius: 12px 12px 12px 12px;
  border: 1px solid #E1CCE8;
}

.bp-nav-mp2gb7mz-3__item:hover .bp-nav-mp2gb7mz-3__sub, bp-nav-mp2gb7mz-3__item:focus-within .bp-nav-mp2gb7mz-3__sub {
  display: flex;
}

.bp-nav-mp2gb7mz-3__sub a {
  display: block;
  padding: 8px 16px 8px 16px;
  color: var(--color-primary-dark-1, #5f3c77);
  text-decoration: none;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
}

.bp-nav-mp2gb7mz-3__sub a:hover {
  background: transparent;
  color: var(--color-primary-dark-2, #3f274e);
}

.bp-navmenu-toggle-nav-mp2gb7mz-3{display:none}

@media (max-width:640px){.bp-navmenu-wrap-nav-mp2gb7mz-3{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%}.bp-navmenu-toggle-nav-mp2gb7mz-3{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:0;background:transparent;color:var(--color-primary, #80519F);cursor:pointer;padding:8px;border-radius:6px;order:-1;}.bp-navmenu-toggle-nav-mp2gb7mz-3 span{display:block;width:22px;height:2px;background:var(--color-primary, #80519F);border-radius:2px;transition:transform 200ms,opacity 200ms}.bp-navmenu-toggle-nav-mp2gb7mz-3[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.bp-navmenu-toggle-nav-mp2gb7mz-3[aria-expanded="true"] span:nth-child(2){opacity:0}.bp-navmenu-toggle-nav-mp2gb7mz-3[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.bp-navmenu-menu-nav-mp2gb7mz-3{display:none;width:100%;flex-basis:100%;order:100}.bp-navmenu-menu-nav-mp2gb7mz-3[data-bp-open]{display:flex;flex-direction:column;align-items:stretch}.bp-navmenu-menu-nav-mp2gb7mz-3[data-bp-open] li{width:100%}.bp-navmenu-menu-nav-mp2gb7mz-3[data-bp-open] a{width:100%;justify-content:flex-start}}

.bp-section-mp4esvxu-1 {
  width: 100%;
  padding: 80px 48px 80px 48px;
}

.bp-container-mp4et1b1-6 {
  display: grid;
  padding: 16px 16px 16px 16px;
  margin: 0px 0px 0px 0px;
  gap: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.bp-container-mp4et1b1-7 {
  display: flex;
  padding: 16px 16px 16px 16px;
  margin: 0px 0px 0px 0px;
  gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-text-mp4et1b1-8 {
  font-family: 'Cairo', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a1a;
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp4et1b1-9 {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #1a1a1a;
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-button-mp4et1b1-10 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px 10px 20px;
  background: #80519F;
  color: #ffffff;
  border: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: background 150ms, color 150ms;
  border-radius: 8px 8px 8px 8px;
}
.bp-button-mp4et1b1-10:hover {
  background: #6D428F;
  color: #ffffff;
}

.bp-image-mp4et1b1-11 {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  object-fit: cover;
  border-radius: 16px 16px 16px 16px;
  filter: brightness(0.95) contrast(1.15) saturate(0.85);
  animation: bp-slide-right 400ms ease-out 50ms both;
}

.bp-section-footer-section {
  width: 100%;
  padding: 24px 24px 24px 24px;
  background: var(--color-primary-light-1, #9d74b9);
}

.bp-container-mp4giiaw-4 {
  display: flex;
  padding: 16px 16px 16px 16px;
  margin: 0px 0px 0px 0px;
  gap: 32px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
}

.bp-container-mp4giiaw-5 {
  display: flex;
  padding: 16px 16px 16px 16px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex: 1 1 0;
  min-width: 0;
}

.bp-text-mp4giiaw-6 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-secondary-light-1, #fdce35);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-text-mp4giiaw-7 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-background, #ffffff);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-soc-mp4giiaw-8{display:flex;gap:12px;justify-content:center;padding:8px 8px 8px 8px;margin:0px 0px 0px 0px;flex-wrap:wrap}

.bp-soc-mp4giiaw-8 a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-background, #ffffff);background:transparent;border-radius:50%;text-decoration:none}

.bp-soc-mp4giiaw-8 svg{width:60%;height:60%}

.bp-container-mp4giiaw-13 {
  display: flex;
  padding: 16px 16px 16px 16px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex: 1 1 0;
  min-width: 0;
}

.bp-text-mp4giiaw-14 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-secondary, #F5BD02);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-15 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-background, #ffffff);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-15:hover {
  color: var(--color-primary-light-3, #d7c5e2);
  text-decoration: none;
}

.bp-link-mp4giiaw-16 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-background, #ffffff);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-16:hover {
  color: var(--color-primary-light-3, #d7c5e2);
  text-decoration: none;
}

.bp-link-mp4giiaw-17 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-background, #ffffff);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-17:hover {
  color: var(--color-primary-light-3, #d7c5e2);
  text-decoration: none;
}

.bp-link-mp4giiaw-18 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-background, #ffffff);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-18:hover {
  color: var(--color-primary-light-3, #d7c5e2);
  text-decoration: none;
}

.bp-container-mp4giiaw-19 {
  display: flex;
  padding: 16px 16px 16px 16px;
  margin: 0px 0px 0px 0px;
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex: 1 1 0;
  min-width: 0;
}

.bp-text-mp4giiaw-20 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-secondary, #F5BD02);
  text-align: start;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-21 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-background, #ffffff);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-21:hover {
  color: var(--color-primary-light-3, #d7c5e2);
  text-decoration: none;
}

.bp-link-mp4giiaw-22 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-background, #ffffff);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-22:hover {
  color: var(--color-primary-light-3, #d7c5e2);
  text-decoration: none;
}

.bp-link-mp4giiaw-23 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-background, #ffffff);
  text-decoration: none;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

.bp-link-mp4giiaw-23:hover {
  color: var(--color-primary-light-3, #d7c5e2);
  text-decoration: none;
}

.bp-text-mp4giiaw-24 {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-secondary, #F5BD02);
  text-align: center;
  margin: 0px 0px 0px 0px;
}


/* Universal — يطبق على كل الأحجام */
/*
 * overflow-x: clip بدل hidden:
 *   1. clip ما يـ establish scrolling container (hidden يـ establish)
 *   2. مهم لأن sticky positioning ما يكسر — لو body كان scrolling container،
 *      الـ sticky يلتصق به (مش بالـ viewport) و body ما يـ scroll → sticky ما يفعّل
 * Browser support: Chrome 90+, Firefox 81+, Safari 16+ (~98% global).
 * Fallback لـ hidden للمتصفحات القديمة (cascade).
 */
html, body { overflow-x: hidden; overflow-x: clip; max-width: 100vw; }
img, video { max-width: 100%; height: auto; }
button, a { min-height: 32px; }
[data-bp-form] input, [data-bp-form] textarea, [data-bp-form] select {
  max-width: 100%;
}
/* منع overflow من URLs/كلمات طويلة */
p, span, h1, h2, h3, h4, h5, h6, li, td { overflow-wrap: break-word; word-wrap: break-word; }
/* Containers يـ wrap بدل overflow */
[data-bp-dir="row"] { flex-wrap: wrap; }

/* 📱 Mobile (≤640px) */
@media (max-width: 640px) {
  /* 1. Containers row → column */
  [data-bp-dir="row"] {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  /* 2. Grids → عمود واحد (يشمل Container grids + CardsGrid + nested grids) */
  [data-bp-display="grid"],
  [data-bp-cards-grid] .grid-w,
  [data-bp-cards-grid] .grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  /* 2.5. Containers بـ fixed widths → 100% (يمنع overflow أفقي) */
  [class^="bp-container-"], [class*=" bp-container-"] {
    max-width: 100% !important;
  }
  /* 3. Section padding مخفّض + max-width 100% */
  section[class^="bp-section-"], section[class*=" bp-section-"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    max-width: 100% !important;
  }
  /* 4. Headings sizes */
  h1, [class*="bp-text-"] h1 { font-size: clamp(24px, 7vw, 32px) !important; line-height: 1.2 !important; }
  h2, [class*="bp-text-"] h2 { font-size: clamp(20px, 5.5vw, 26px) !important; line-height: 1.25 !important; }
  h3, [class*="bp-text-"] h3 { font-size: clamp(17px, 4.5vw, 20px) !important; line-height: 1.3 !important; }
  /* 5. Body text — تأكد قابل للقراءة */
  p, [class*="bp-text-"] p { font-size: clamp(15px, 4vw, 16px) !important; line-height: 1.6 !important; }
  /* 5.5 Text widgets بـ width fixed → auto */
  [class^="bp-text-"], [class*=" bp-text-"] {
    max-width: 100% !important;
  }
  /* 6. Cards full-width */
  [class^="bp-card-"], [class*=" bp-card-"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* 7. Buttons — touch-friendly (44px min per Apple HIG) */
  [class*="bp-button-"], a[class*="bp-button-"], button[class*="bp-button-"] {
    min-height: 44px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
    justify-content: center !important;
  }
  /* 8. NavMenus — تحطّم لـ vertical */
  [data-bp-navmenu] ul, ul[class^="bp-nav-"], ul[class*=" bp-nav-"] {
    flex-direction: column !important;
    width: 100% !important;
  }
  [data-bp-navmenu] a, ul[class^="bp-nav-"] a, ul[class*=" bp-nav-"] a {
    width: 100% !important;
    padding: 12px 16px !important;
    justify-content: flex-start !important;
  }
  /* 9. Map widget — height مرن */
  [class*="bp-map-"] {
    width: 100% !important;
    height: clamp(240px, 50vh, 360px) !important;
  }
  /* 10. Forms — كل field full-width + spacing مريح */
  [data-bp-form] input, [data-bp-form] textarea, [data-bp-form] select {
    width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important; /* يمنع iOS zoom */
  }
  [data-bp-form] textarea { min-height: 100px !important; }
  [data-bp-form] {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* 11. Tables — scroll أفقي بدل تكسير */
  table { display: block; overflow-x: auto; }
  /* 12. Image widget — height auto (لو في height بـ px ثابت) */
  [class^="bp-image-"] img, [class*=" bp-image-"] img {
    width: 100% !important;
    height: auto !important;
  }
  /* 13. Hero/Feature sections بـ height fixed → min-height مرن */
  section[class^="bp-section-"][style*="height"],
  section[class*=" bp-section-"][style*="height"] {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* 📱 Tablet (641-1024px) */
@media (min-width: 641px) and (max-width: 1024px) {
  /* Grid 3+ cols → 2 cols (يشمل Container + CardsGrid) */
  [data-bp-display="grid"],
  [data-bp-cards-grid] .grid-w,
  [data-bp-cards-grid] .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  /* Section padding أقل من desktop */
  section[class^="bp-section-"], section[class*=" bp-section-"] {
    padding-left: clamp(24px, 4vw, 48px) !important;
    padding-right: clamp(24px, 4vw, 48px) !important;
  }
  /* Headings */
  h1 { font-size: clamp(32px, 6vw, 48px) !important; }
  h2 { font-size: clamp(26px, 4.5vw, 36px) !important; }
}