@font-face{font-family:MadarArabic;src:url('arabic-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:MadarArabic;src:url('arabic-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--navy:#071c28;--surface:#0e2937;--mint:#79e6c2;--white:#f3f8f8;--muted:#bbccd3;--ink:#112f3a;--line:#ffffff18;--font:MadarArabic,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--navy);color:var(--white);font:400 1rem/1.8 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent;outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint)}input:focus-visible{outline:2px solid #08765c;outline-offset:2px}img{display:block;max-width:100%}[hidden]{display:none!important}.shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:20px;z-index:10;background:var(--mint);color:var(--navy);padding:10px 20px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand img{width:47px;height:47px;object-fit:contain}.brand>span{font-size:1.8rem;font-weight:700;line-height:1.2}.brand small{display:block;font:400 .6rem/1.7 Arial,sans-serif;letter-spacing:.3em;margin-top:3px}.header-note{display:flex;align-items:center;gap:18px;font-size:.875rem;color:var(--muted)}.header-divider{height:18px;width:1px;background:#ffffff26}.header-link{font-size:.875rem;font-weight:700;text-decoration:none;padding:9px 20px;border:1px solid #79e6c250;border-radius:9px;color:var(--mint);transition:background .2s}.header-link:hover{background:#79e6c215}.hero-stage{background:radial-gradient(ellipse at 83% 38%,#17483f50,transparent 58%),radial-gradient(ellipse at 4% 80%,#1e4a6740,transparent 55%)}.hero{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(360px,1fr);gap:64px;align-items:center;padding-block:42px 48px}.hero-copy{min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#b9dbd2;font-size:.875rem}.location-mark{display:grid;place-items:center;width:32px;height:28px;border:1px solid #79e6c240;border-radius:6px;color:var(--mint);font:700 .75rem Arial}.eyebrow-separator{color:#79e6c266;margin-inline:2px}h1{font-size:clamp(2.5rem,3.6vw,3.2rem);font-weight:700;line-height:1.42;margin:0;letter-spacing:-.025em}h1 em{font-style:normal;color:var(--mint)}.heading-soft{color:#e1edf0}.hero-description{max-width:530px;font-size:1rem;line-height:1.95;color:var(--muted);margin:19px 0 24px}.hero-image{height:236px;position:relative;margin:0;overflow:hidden;border:1px solid #b7e8dc25;border-radius:16px;background:var(--surface);box-shadow:0 20px 44px #0002}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.hero-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#071c2850)}.image-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;color:#bbd1d6;font-size:.8rem}.image-caption [lang=en]{font:400 .625rem/1.5 Arial,sans-serif;letter-spacing:.13em;color:#86a4ad}.registration-wrap{min-width:0}.registration-card{position:relative;background:#f8fbfa;color:var(--ink);border:1px solid #e3f3ed;border-radius:20px;padding:25px 29px 20px;box-shadow:0 28px 80px #0003;scroll-margin-top:20px;overflow:hidden}.registration-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1fa37b,var(--mint),#ccffeb)}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.form-kicker{font-size:.8125rem;color:#216a58}.form-icon{width:30px;height:30px;padding:6px;background:#e3f4ec;border-radius:8px;color:#137559}.registration-card h2{font-size:1.85rem;line-height:1.55;margin:0 0 4px}.form-intro{font-size:.875rem;color:#4c626b;margin:0 0 16px;line-height:1.85;max-width:370px}.field{margin-top:11px;min-width:0}.field label{display:flex;align-items:center;gap:5px;font-size:.875rem;font-weight:700;margin-bottom:5px}.field label>span:not(.optional){color:#5d7c73;font-weight:400}.optional{font-size:.75rem;color:#647779;font-weight:400;margin-inline-start:auto}.field input{border:1px solid #cddbd8;border-radius:8px;background:#fff;min-height:48px;width:100%;padding:9px 12px;color:var(--ink);font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:hover{border-color:#8cad9f}.field input::placeholder{color:#71878b;opacity:1;font-size:.875rem}.field input[dir=ltr]{text-align:left}.field-pair{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}.phone-input{display:flex;direction:ltr;border:1px solid #cddbd8;border-radius:8px;background:white;align-items:center;overflow:hidden}.phone-input input{border:0;min-width:0;border-radius:0}.phone-input:focus-within{outline:2px solid #08765c;outline-offset:2px}.phone-input input:focus-visible{outline:none}.country-code{display:flex;gap:8px;font:.875rem/1 Arial,sans-serif;color:#365c65;border-right:1px solid #d6e0df;white-space:nowrap;padding:6px 12px}.country-code b{font-weight:400;color:#759189;font-size:.7rem}.consent{display:flex;gap:9px;align-items:flex-start;margin-top:16px;font-size:.8125rem;line-height:1.85;color:#4d656d;cursor:pointer}.consent input{width:18px;height:18px;flex:none;margin:4px 0 0;accent-color:#126d55}.consent a{color:#086d52;text-underline-offset:3px}.submit-button,.mobile-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:51px;background:var(--mint);border:1px solid #67d4b0;border-radius:9px;color:#082e2b;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.submit-button{width:100%;margin-top:16px;box-shadow:0 5px 15px #62c7a429}.submit-button:hover,.mobile-cta:hover{background:#90f1d0;box-shadow:0 6px 20px #62c7a440;transform:translateY(-1px)}.submit-button:focus-visible{outline-color:#126e57}.submit-button:disabled{cursor:wait;opacity:.8;transform:none}.form-note{font-size:.75rem;color:#586f74;text-align:center;margin:9px 0 0}.field-error{color:#a1243b;font-size:.8125rem;display:block;line-height:1.7}.field-error:not(:empty){margin-top:5px}.field input[aria-invalid=true]{border-color:#ad243c}.phone-input:has(input[aria-invalid=true]){border-color:#ad243c}#form-status{font-size:.875rem;line-height:1.8;margin:0;color:#a51e34}#form-status:not(:empty){padding:12px;background:#ffedf0;border-radius:8px;margin-top:12px}.trap{position:absolute;inset-inline-start:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.spinner{display:none;width:18px;height:18px;border:2px solid #0c574740;border-top-color:#0c5747;border-radius:50%;animation:spin .8s linear infinite}.submit-button:disabled .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.success-panel{text-align:center;padding:70px 0 90px}.success-symbol{display:grid;place-items:center;margin:0 auto 25px;width:68px;height:68px;border:1px solid #a0d8c7;border-radius:50%;font:2rem Arial;background:#e6f6ef;color:#126e57}.success-panel h3{font-size:1.6rem;margin:0}.success-panel p{color:#556971;font-size:1rem}.noscript-message{color:#a51e34}.learning-strip{padding-block:32px 50px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-kicker{font-size:.8125rem;color:var(--mint);margin:0 0 4px}.section-heading h2{font-size:1.45rem;margin:0;line-height:1.6}.section-heading>p{color:var(--muted);font-size:.875rem;margin:0 0 2px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.topic-card{border:1px solid #ffffff13;border-radius:14px;padding:20px 23px 22px;background:linear-gradient(125deg,#14333e,#0c2532)}.topic-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.topic-top svg{width:26px;height:26px;color:var(--mint)}.topic-number{font:400 .75rem/1.7 Arial,sans-serif;letter-spacing:.08em;color:#8faeb6}.topic-card h3{font-size:1.05rem;margin:0 0 7px}.topic-card p{font-size:.875rem;line-height:1.9;color:var(--muted);margin:0;max-width:300px}.site-footer{background:#061721;border-top:1px solid var(--line);padding-block:26px}.footer-top{display:flex;gap:22px;align-items:center}.footer-brand>span{font-size:1.4rem}.footer-brand img{width:34px;height:34px}.footer-top>p{font-size:.875rem;color:var(--muted);margin:0}.copyright{margin-inline-start:auto;font-size:.75rem;color:var(--muted)}.risk-note{font-size:.8125rem;color:#a7bdc6;line-height:2;margin:20px 0 14px;max-width:1100px}.privacy{font-size:.875rem;color:#b1c7d0}.privacy summary{cursor:pointer;color:#d6e5e9;width:fit-content;min-height:36px;line-height:2}.privacy-content{max-width:960px;padding-top:4px}.privacy-content p{margin:8px 0;overflow-wrap:anywhere}.mobile-cta{display:none}
@media(min-width:1600px){.shell{max-width:1260px}.hero{gap:76px;padding-block:52px 58px}h1{font-size:3.45rem}.hero-image{height:254px}.registration-card{padding:28px 32px 23px}.field{margin-top:13px}.field input{min-height:50px}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.hero{gap:32px;grid-template-columns:minmax(0,1fr) minmax(340px,.94fr)}h1{font-size:2.65rem}.registration-card{padding:23px}.field-pair{grid-template-columns:1fr}.hero-image{height:260px}.hero-description{font-size:1rem}.image-caption [lang=en]{display:none}.header-note{font-size:.8125rem;gap:12px}}
@media(max-width:800px){.shell{width:calc(100% - 40px);max-width:600px}.site-header{min-height:78px;gap:18px}.header-note{display:none}.brand img{width:40px;height:40px}.brand>span{font-size:1.6rem}.brand small{font-size:.55rem}.header-link{padding:8px 14px;font-size:.8125rem}.hero{grid-template-columns:1fr;gap:27px;padding-block:26px 32px}.eyebrow{font-size:.8125rem;margin-bottom:14px;gap:9px}h1{font-size:clamp(2.12rem,7.3vw,2.8rem);line-height:1.42;letter-spacing:-.02em}.hero-description{margin:14px 0 18px;font-size:1rem;line-height:1.9;max-width:540px}.mobile-cta{display:flex;min-height:49px;margin-bottom:20px}.hero-image{height:190px;border-radius:12px}.image-caption{padding-top:7px;font-size:.75rem}.registration-card{border-radius:16px;padding:21px 22px 18px}.form-intro{margin-bottom:14px}.registration-card h2{font-size:1.7rem}.field-pair{grid-template-columns:1fr 1.15fr}.learning-strip{padding-block:25px 32px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:1.2rem}.section-heading>p{display:none}.learning-grid{grid-template-columns:1fr;gap:12px}.topic-card{position:relative;padding:17px 66px 17px 20px;border-radius:12px}.topic-top{margin:0}.topic-top svg{position:absolute;right:21px;top:24px;width:24px;height:24px}.topic-number{display:none}.topic-card h3{font-size:1rem;margin-bottom:4px}.topic-card p{max-width:none;font-size:.875rem}.footer-top{flex-wrap:wrap;gap:10px 15px}.footer-top>p{font-size:.8125rem;flex:1}.copyright{width:100%;margin:0;padding-top:5px}.site-footer{padding-block:22px}.risk-note{margin-top:15px;font-size:.8125rem;line-height:1.95}}
@media(max-width:480px){.shell{width:calc(100% - 32px)}.hero-image{height:164px}.field-pair{grid-template-columns:1fr;gap:0}.registration-card{padding:20px 19px 17px}.consent{font-size:.8125rem;line-height:1.85}.field{margin-top:10px}.form-intro{font-size:.875rem}.eyebrow{gap:8px;font-size:.75rem}.header-link{font-size:.8125rem}.section-heading h2{font-size:1.14rem}.footer-top>p{flex-basis:100%;order:2}.copyright{width:auto;margin-inline-start:auto;padding:0}.footer-brand>span{font-size:1.3rem}}
@media(max-width:350px){h1{font-size:1.85rem}.eyebrow{gap:6px}.registration-card{padding-inline:15px}.header-link{padding:8px 10px}.brand>span{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* ==================================================
   MADAR LANDING PAGE V3
   Offer-first / Mobile-first structure
   ================================================== */

.madar-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .78fr);
  grid-template-areas:
    "copy form"
    "visual form";
  align-items: start;
  column-gap: clamp(34px, 5vw, 76px);
  row-gap: 28px;
}

.madar-hero .hero-copy {
  grid-area: copy;
}

.madar-hero .registration-wrap {
  grid-area: form;
}

.madar-hero .hero-visual {
  grid-area: visual;
}

.madar-hero h1 {
  max-width: 760px;
}

.madar-hero h1 em {
  display: inline;
}

.hero-points {
  display: grid;
  gap: 11px;
  margin-top: 24px;
}

.hero-point {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  max-width: 720px;
}

.hero-point > span {
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  border-radius: 50%;
  background: rgba(111, 241, 205, .11);
  color: #7ef2da;
  font-size: 12px;
  font-weight: 800;
}

.hero-point p {
  margin: 0;
  color: #c6d5dd;
  font-size: 14px;
  line-height: 1.9;
}

.madar-hero .hero-visual {
  margin: 0;
}

.madar-hero .hero-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.madar-hero .image-caption {
  margin-top: 10px;
}

.madar-section {
  padding-top: clamp(64px, 8vw, 96px);
  padding-bottom: clamp(64px, 8vw, 96px);
}

.madar-section-heading {
  align-items: end;
}

.madar-section-heading > p {
  max-width: 560px;
}

.madar-learning-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.madar-learning-grid .topic-card {
  min-width: 0;
}

.madar-learning-grid .topic-card p {
  line-height: 2;
}

.madar-centered-heading {
  max-width: 820px;
  margin: 0 auto 36px;
  text-align: center;
}

.madar-centered-heading .section-kicker {
  margin-bottom: 12px;
}

.madar-centered-heading h2 {
  margin: 0;
  font-size: clamp(29px, 4vw, 43px);
  line-height: 1.55;
}

.madar-centered-heading > p:last-child {
  max-width: 690px;
  margin: 17px auto 0;
  color: #aebfc9;
  font-size: 15px;
  line-height: 2.1;
}

.audience-section {
  border-top: 1px solid rgba(139, 169, 183, .16);
}

.audience-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.audience-card {
  position: relative;
  padding: clamp(27px, 4vw, 40px);
  overflow: hidden;
  border: 1px solid #29414d;
  border-radius: 16px;
  background:
    radial-gradient(
      circle at top right,
      rgba(77, 197, 179, .11),
      transparent 43%
    ),
    #10212b;
}

.audience-label {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 23px;
  padding: 5px 12px;
  border: 1px solid rgba(126, 242, 218, .24);
  border-radius: 999px;
  color: #7ef2da;
  background: rgba(126, 242, 218, .07);
  font-size: 11px;
  font-weight: 700;
}

.audience-card h3 {
  margin: 0 0 13px;
  font-size: clamp(22px, 2.5vw, 28px);
}

.audience-card p {
  margin: 0;
  color: #aebfc9;
  font-size: 14px;
  line-height: 2.1;
}

.how-section {
  border-top: 1px solid rgba(139, 169, 183, .16);
}

.start-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  padding: 0;
  margin: 38px 0 0;
  list-style: none;
  counter-reset: none;
}

.start-steps li {
  position: relative;
  min-width: 0;
  padding: 28px 27px;
  border-top: 1px solid #395866;
}

.step-number {
  display: block;
  margin-bottom: 21px;
  color: #7ef2da;
  font-family: Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 1.5px;
}

.start-steps h3 {
  margin: 0 0 10px;
  font-size: 20px;
}

.start-steps p {
  margin: 0;
  color: #aebfc9;
  font-size: 13px;
  line-height: 2;
}

.steps-note {
  margin: 26px 0 0;
  text-align: center;
  color: #93a9b5;
  font-size: 12px;
}

.final-cta-section {
  padding-top: 14px;
  padding-bottom: clamp(70px, 8vw, 100px);
}

.final-cta-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: clamp(30px, 5vw, 52px);
  border: 1px solid #365460;
  border-radius: 18px;
  background:
    radial-gradient(
      circle at left center,
      rgba(55, 160, 151, .18),
      transparent 48%
    ),
    #10232d;
}

.final-cta-card > div {
  max-width: 680px;
}

.final-cta-card h2 {
  margin: 0;
  font-size: clamp(27px, 3.8vw, 39px);
  line-height: 1.55;
}

.final-cta-card p:not(.section-kicker) {
  margin: 12px 0 0;
  color: #aebfc9;
  font-size: 14px;
  line-height: 2;
}

.final-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 52px;
  padding: 13px 24px;
  border-radius: 8px;
  background: #7ef2da;
  color: #062a2d;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform .18s ease,
    filter .18s ease;
}

.final-cta-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
}

.final-cta-button:focus-visible {
  outline: 3px solid rgba(126, 242, 218, .28);
  outline-offset: 4px;
}

.madar-footer-top {
  margin-top: 28px;
}

.site-footer .risk-note strong {
  color: #dce7eb;
}

@media (max-width: 1100px) {

  .madar-hero {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .85fr);
    column-gap: 30px;
  }

  .madar-learning-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 760px) {

  .madar-hero {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .madar-hero .hero-copy {
    order: 1;
  }

  .madar-hero .registration-wrap {
    order: 2;
    width: 100%;
  }

  .madar-hero .hero-visual {
    order: 3;
    width: 100%;
    margin-top: 3px;
  }

  .madar-hero h1 {
    max-width: none;
  }

  .hero-points {
    margin-top: 20px;
    gap: 10px;
  }

  .hero-point p {
    font-size: 13px;
    line-height: 1.8;
  }

  .madar-hero .mobile-cta {
    margin-top: 22px;
  }

  .madar-hero .hero-visual img {
    border-radius: 12px;
  }

  .madar-section-heading {
    display: block;
  }

  .madar-section-heading > p {
    margin-top: 17px;
  }

  .madar-learning-grid,
  .audience-grid,
  .start-steps {
    grid-template-columns: 1fr;
  }

  .audience-grid {
    gap: 14px;
  }

  .start-steps {
    gap: 5px;
  }

  .start-steps li {
    padding: 23px 5px 25px;
  }

  .final-cta-card {
    display: block;
    padding: 29px 24px;
  }

  .final-cta-button {
    width: 100%;
    margin-top: 25px;
  }

}

@media (max-width: 480px) {

  .madar-centered-heading {
    margin-bottom: 27px;
  }

  .madar-centered-heading h2 {
    font-size: 27px;
  }

  .audience-card {
    padding: 25px 21px;
  }

  .madar-learning-grid {
    gap: 13px;
  }

}

/* END MADAR LANDING PAGE V3 */


/* ==================================================
   MADAR V4 — MOBILE POLISH
   ================================================== */

@media (max-width: 760px) {

  .madar-section {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .final-cta-section {
    padding-top: 4px;
    padding-bottom: 58px;
  }

  .madar-centered-heading {
    margin-bottom: 30px;
  }

  .site-header .header-link {
    white-space: nowrap;
  }

}

@media (max-width: 390px) {

  .madar-hero h1 {
    font-size: 33px;
    line-height: 1.42;
  }

  .madar-hero .hero-description {
    margin-top: 15px;
  }

  .hero-points {
    margin-top: 17px;
  }

}

/* END MADAR V4 MOBILE POLISH */