@font-face{font-family:"Hacen";src:url("/assets/fonts/hacen-liner-xxl.woff") format("woff");font-display:swap}
@font-face{font-family:"Elgharib";src:url("/assets/fonts/elgharib-light.woff") format("woff");font-display:swap}

:root{
  --green:#087B27;
  --green-dark:#056020;
  --green-deep:#04491A;
  --green-soft:#EAF6ED;
  --green-mist:#F5FAF6;
  --ink:#10221A;
  --muted:#5B6D62;
  --line:#E4ECE6;
  --white:#fff;
  --warn:#B3261E;
  --radius-lg:32px;
  --radius-md:22px;
  --radius-sm:14px;
  --font-head:"Hacen","Segoe UI",Tahoma,sans-serif;
  --font-body:"Elgharib","Segoe UI",Tahoma,sans-serif;
  --shadow:0 10px 30px -12px rgba(8,123,39,.28);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.8}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:400;line-height:1.35;margin:0}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid #7ACB8F;outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}