:root{color:#35545a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-background:#f7faf8;--color-surface:#fff;--color-surface-soft:#edf6f2;--color-primary:#148f83;--color-primary-hover:#10766d;--color-primary-soft:#e4f2ed;--color-heading:#123f46;--color-text:#35545a;--color-muted:#687e82;--color-border:#dce8e3;--color-accent:#ffc58f;--color-danger:#b34343;--radius-small:12px;--radius-medium:20px;--radius-large:30px;--shadow-soft:0 12px 36px #123f460f;--shadow-card:0 18px 48px #123f4617;--container-width:1240px;--page-gutter:clamp(20px, 4vw, 56px);background:#f7faf8;font-family:IBM Plex Sans Arabic,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:140px}body{min-width:320px;margin:0;font-size:16px;line-height:1.8}#root{min-height:100svh}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--color-heading);font-weight:700;line-height:1.4}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed}input,select,textarea{min-width:0}textarea{resize:vertical}img,svg{display:block}img{max-width:100%;height:auto}::selection{color:var(--color-heading);background:#c8e9dc}:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.container{width:min(var(--container-width), calc(100% - var(--page-gutter) * 2));margin-inline:auto}.section{padding-block:clamp(56px,7vw,96px)}.eyebrow{color:var(--color-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.section-title{text-wrap:balance;font-size:clamp(1.65rem,3vw,2.6rem)}.section-description{max-width:640px;color:var(--color-muted);font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.9}.btn{text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 24px;font-weight:600;line-height:1.5;transition:background-color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn svg{flex-shrink:0;width:20px;height:20px}.btn--primary{color:#fff;background:var(--color-primary)}.btn--secondary{color:var(--color-heading);border-color:var(--color-border);background:var(--color-surface)}.btn--accent{color:var(--color-heading);background:var(--color-accent)}.icon-btn{border:1px solid var(--color-border);width:46px;height:46px;color:var(--color-heading);background:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn svg{width:21px;height:21px}@media (hover:hover){.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-soft)}.btn--secondary:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.btn--accent:hover{background:#ffb778}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.intro-screen{background:var(--color-heading);color:#fff;border:1px solid #ffffff1f;border-radius:28px;width:min(520px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 28px 90px #00000040}.intro-screen::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081e22a6}.intro-screen__panel{text-align:center;justify-items:center;gap:15px;min-width:0;padding:40px 32px 26px;display:grid;position:relative}.intro-screen__close{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;inset-block-start:14px;inset-inline-end:14px}.intro-screen__brand{color:#d6eee5;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:34px;margin-bottom:4px;padding:6px 13px;font-size:.81rem;display:inline-flex}.intro-screen__brand>svg{color:#98dfca}.intro-screen__symbol{color:#98dfca;background:#98dfca1a;border:1px solid #98dfca38;border-radius:27px;place-items:center;width:86px;height:86px;display:grid}.intro-screen__eyebrow{color:#98dfca;font-size:.83rem;font-weight:500}.intro-screen__title{color:#fff;border-radius:8px;gap:3px;max-width:100%;font-size:clamp(1.9rem,5vw,2.45rem);line-height:1.45;display:grid}.intro-screen__title>span{color:#98dfca}.intro-screen__description{color:#c8ded5;max-width:380px;font-size:.9rem;line-height:1.95}.intro-screen__actions{gap:9px;width:100%;max-width:330px;margin-top:5px;display:grid}.intro-screen__actions>.btn{width:100%;min-height:48px;font-size:.92rem}.intro-screen__continue{color:#e0eee8;background:0 0;border:1px solid #0000;border-radius:12px;min-height:44px;padding:9px 18px;font-size:.86rem}.intro-screen__timing{color:#bed5cb;font-size:.73rem;line-height:1.8}.intro-screen__progress{background:#ffffff1f;border-radius:999px;width:100%;max-width:220px;height:3px;overflow:hidden}.intro-screen__progress>span{border-radius:inherit;transform-origin:100%;background:#98dfca;width:100%;height:100%;animation:linear forwards intro-screen-countdown;display:block}.intro-screen.is-paused .intro-screen__progress>span{animation-play-state:paused}.intro-screen :focus-visible{outline-offset:4px;outline:3px solid #98dfca}@keyframes intro-screen-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (hover:hover){.intro-screen__close:hover,.intro-screen__continue:hover{background:#ffffff1f}}@media (width<=600px){.intro-screen{border-radius:24px}.intro-screen__panel{gap:13px;padding:42px 22px 24px}.intro-screen__symbol{border-radius:23px;width:72px;height:72px}.intro-screen__symbol>svg{width:46px;height:46px}.intro-screen__title{font-size:clamp(1.65rem,7vw,2rem)}.intro-screen__description{font-size:.84rem}.intro-screen__actions>.btn{font-size:.86rem}.intro-screen__timing{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.intro-screen__progress>span{animation:none}}.logo{--logo-cross:var(--color-primary);--logo-leaf:#8cbd80;--logo-leaf-outline:var(--color-background);--logo-leaf-line:#3c754b;width:fit-content;color:var(--color-heading);flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.logo__symbol{flex-shrink:0;width:46px;height:46px}.logo__cross{fill:var(--logo-cross)}.logo__leaf{fill:var(--logo-leaf);stroke:var(--logo-leaf-outline)}.logo__leaf-line{stroke:var(--logo-leaf-line)}.logo__name{white-space:nowrap;font-size:1.45rem;font-weight:700;line-height:1.5}.logo--light{--logo-cross:#91d7c5;--logo-leaf:#b4d99d;--logo-leaf-outline:var(--color-heading);color:#fff}@media (width<=480px){.logo{gap:8px}.logo__symbol{width:38px;height:38px}.logo__name{font-size:1.2rem}}.site-header{z-index:100;border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;top:0}.site-header__promo{color:#fff;background:var(--color-heading)}.site-header__promo-inner{justify-content:center;align-items:center;gap:20px;min-height:46px;padding-block:6px;display:flex}.site-header__promo-copy{font-size:.85rem;font-weight:500}.site-header__promo-link{min-height:34px;color:var(--color-heading);background:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:5px 16px;font-size:.8rem;font-weight:600;line-height:1.5;transition:background-color .18s;display:inline-flex}.site-header__promo-link svg{flex-shrink:0}.site-header__main{justify-content:space-between;align-items:center;gap:32px;min-height:88px;display:flex;position:relative}.site-header__nav{align-items:center;gap:clamp(16px,2vw,28px);display:flex}.site-header__nav-link{min-height:48px;color:var(--color-muted);white-space:nowrap;align-items:center;padding-block:12px;font-size:.95rem;font-weight:500;transition:color .18s;display:inline-flex;position:relative}.site-header__nav-link:after{background:var(--color-primary);content:"";transform-origin:100%;border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.site-header__nav-link.is-active{color:var(--color-heading);font-weight:600}.site-header__nav-link.is-active:after{transform:scaleX(1)}.site-header__menu-button{flex-shrink:0;display:none}@media (hover:hover){.site-header__promo-link:hover{background:#ffb778}.site-header__nav-link:hover{color:var(--color-primary)}}@media (width<=1000px){.site-header__main{gap:16px;min-height:74px}.site-header__menu-button{display:inline-flex}.site-header__nav{top:100%;overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:0 0 var(--radius-medium) var(--radius-medium);background:var(--color-surface);max-height:calc(100dvh - 130px);box-shadow:var(--shadow-card);padding:12px;display:none;position:absolute;inset-inline:0;overflow-y:auto}.site-header__nav.is-open{gap:4px;animation:.18s ease-out both header-menu-in;display:grid}.site-header__nav-link{border-radius:var(--radius-small);border-inline-start:3px solid #0000;min-height:48px;padding:10px 16px}.site-header__nav-link:after{display:none}.site-header__nav-link.is-active{border-inline-start-color:var(--color-primary);color:var(--color-primary-hover);background:var(--color-primary-soft)}}@media (width<=480px){.site-header__promo-copy{display:none}.site-header__promo-inner{min-height:44px}.site-header__main{min-height:70px}}@keyframes header-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.site-footer{color:#d0dfdc;background:var(--color-heading)}.site-footer__promo{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:32px;padding-block:36px;display:flex}.site-footer__promo-copy{max-width:650px}.site-footer__promo h2{color:#fff;font-size:clamp(1.4rem,2.5vw,2rem)}.site-footer__promo p{margin-top:10px;font-size:.95rem;line-height:1.9}.site-footer__promo>.btn{flex-shrink:0}.site-footer__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-block:48px;display:grid}.site-footer__brand,.site-footer__navigation,.site-footer__contact{min-width:0}.site-footer__description{max-width:400px;margin-top:20px;font-size:.9rem;line-height:2}.site-footer__grid h3{color:#fff;margin-bottom:18px;font-size:1rem;font-weight:600}.site-footer__socials,.site-footer__links,.site-footer__contact-list{margin:0;padding:0;list-style:none}.site-footer__socials{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.site-footer__socials>li{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;padding:5px 12px;font-size:.8rem}.site-footer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;display:grid}.site-footer__links a{text-underline-offset:5px;align-items:center;width:fit-content;min-height:44px;padding-block:5px;font-size:.88rem;transition:color .18s;display:flex}.site-footer__contact-list{gap:15px;font-size:.85rem;line-height:1.9;display:grid}.site-footer__contact-list>li{align-items:flex-start;gap:10px;min-width:0;display:flex}.site-footer__contact-list>li>svg{color:#91d7c5;flex-shrink:0;margin-top:4px}.site-footer__contact-list>li>div{gap:2px;min-width:0;display:grid}.site-footer__contact-list bdi{overflow-wrap:anywhere}.site-footer__bottom{border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:18px;font-size:.8rem;display:flex}.site-footer__credit{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.site-footer__credit a{color:#a4e2cb;text-underline-offset:5px;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.site-footer a:focus-visible{outline-color:var(--color-accent)}@media (hover:hover){.site-footer__links a:hover,.site-footer__credit a:hover{color:#fff;text-decoration:underline}}@media (width<=900px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.site-footer__brand{grid-column:1/-1}.site-footer__description{max-width:600px}}@media (width<=760px){.site-footer__promo{flex-direction:column;align-items:flex-start;gap:22px;padding-block:30px}}@media (width<=600px){.site-footer__grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:34px}.site-footer__brand{grid-column:auto}.site-footer__promo p{font-size:.9rem}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:2px}}@media (width<=480px){.site-footer__promo>.btn{width:100%;font-size:.9rem}}
