:root{--g:#0E3B2C;--g2:#155B43;--g3:#1E7A58;--gold:#F4B223;--cream:#FBF5E6;--cream2:#F3E9CF;--ink:#13261E}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Tajawal','Cairo',sans-serif}
*{box-sizing:border-box}
.lp{min-height:100vh;overflow:hidden;background:var(--cream);color:var(--ink)}
.lp a{color:inherit;text-decoration:none}
.wrap,.footer-wrap{width:min(100% - 48px,1192px);margin-inline:auto}
site-navigation{display:contents}
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;color:var(--cream);transition:transform .28s ease,opacity .28s ease,background .28s ease,box-shadow .28s ease}
.site-header.is-floating{position:fixed;top:14px;left:50%;width:min(calc(100% - 32px),1192px);padding:10px 18px;border:1px solid rgba(251,245,230,.16);border-radius:18px;background:rgba(14,59,44,.95);box-shadow:0 16px 40px rgba(4,24,17,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateX(-50%)}
.site-header.is-hidden{transform:translate(-50%,calc(-100% - 28px));opacity:0;pointer-events:none}
.site-brand{display:flex;align-items:center;gap:14px;flex:none}
.brand-logo{width:52px;height:52px;flex:none;border-radius:50%;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;line-height:1.15}
.brand-copy b,.footer-name{font-family:'Cairo','Tajawal',sans-serif;font-size:19px;font-weight:900}
.brand-copy span{font-size:12.5px;opacity:.8}
.nav-links{display:flex;gap:26px;font-family:'Cairo',sans-serif;font-size:15px;font-weight:600}
.nav-links a{position:relative;padding:6px 0}
.nav-links a:after{position:absolute;right:0;bottom:0;width:0;height:3px;border-radius:3px;background:var(--gold);content:"";transition:width .25s ease}
.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{width:100%}
.header-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border:0;border-radius:999px;font-family:'Cairo',sans-serif;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--g)!important;box-shadow:0 10px 0 -4px rgba(0,0,0,.18)}
.menu-toggle{display:none;width:46px;height:46px;flex:none;align-items:center;justify-content:center;border:1px solid rgba(251,245,230,.28);border-radius:14px;background:rgba(251,245,230,.1);color:var(--cream);cursor:pointer}
.menu-icon{display:flex;width:20px;height:16px;flex-direction:column;justify-content:space-between}
.menu-icon i{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .22s ease,opacity .18s ease}
.menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0;transform:scaleX(.4)}
.menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-7px) rotate(-45deg)}
.menu-toggle:focus-visible,.nav-links a:focus-visible,.btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.page-banner{position:relative;overflow:visible;background:var(--g);color:var(--cream)}
.page-banner:before{position:absolute;inset:0;background-image:radial-gradient(rgba(251,245,230,.13) 1.5px,transparent 1.8px);background-size:26px 26px;content:"";pointer-events:none}
.page-banner>.wrap{position:relative;padding-bottom:56px}
.page-heading{max-width:760px;padding-top:34px}
.page-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-family:'Cairo',sans-serif;font-size:14px;font-weight:700}
.page-eyebrow:before{width:30px;height:3px;border-radius:3px;background:var(--gold);content:""}
.page-heading h1{margin:12px 0 14px;font-family:'Cairo','Tajawal',sans-serif;font-size:44px;font-weight:900;line-height:1.3}
.page-heading p{max-width:700px;margin:0;color:rgba(251,245,230,.88);font-size:19px;line-height:1.9}
.page-main{width:min(100% - 48px,1000px);margin:0 auto;padding:58px 0 92px}
.page-main h2{margin:0 0 16px;color:var(--g);font-family:'Cairo','Tajawal',sans-serif;font-size:27px;font-weight:900;line-height:1.5}
.page-main h3{margin:0;color:var(--g);font-family:'Cairo','Tajawal',sans-serif;font-size:20px;font-weight:800;line-height:1.5}
.page-main p,.page-main li{font-size:18px;line-height:1.95}
.page-main p{margin:0 0 18px;color:#33473e}
.page-section+.page-section{margin-top:42px;padding-top:36px;border-top:1px solid rgba(14,59,44,.12)}
.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.page-item{padding:24px;border:1px solid rgba(14,59,44,.1);border-radius:20px;background:#fff}
.page-item p{margin:8px 0 0;font-size:16px}
.page-item .item-number{display:block;margin-bottom:12px;color:var(--g3);font-family:'Cairo',sans-serif;font-size:42px;font-weight:900;line-height:1}
.page-list{display:grid;gap:12px;margin:18px 0 0;padding-right:24px}
.page-callout{margin-top:28px;padding:22px 24px;border-right:4px solid var(--gold);border-radius:12px;background:var(--cream2)}
.page-callout p:last-child{margin-bottom:0}
.page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.page-actions .btn-line{border:1px solid rgba(14,59,44,.25);background:transparent;color:var(--g)}
.news-main{width:min(100% - 48px,1100px);margin:0 auto;padding:52px 0 84px}
.news-content{display:grid;gap:42px}
.news-featured{display:grid;grid-template-columns:1.2fr .8fr;min-height:290px;overflow:hidden;border-radius:26px;background:var(--g);color:var(--cream)}
.news-featured-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px 40px}
.news-featured-label{margin-bottom:18px;padding:6px 12px;border-radius:999px;background:rgba(251,245,230,.12);color:var(--gold);font-family:'Cairo',sans-serif;font-size:13px;font-weight:700}
.news-category{color:var(--g3);font-family:'Cairo',sans-serif;font-size:14px;font-weight:700}
.news-featured .news-category{color:var(--gold)}
.news-featured h2{margin:10px 0;color:var(--cream);font-family:'Cairo','Tajawal',sans-serif;font-size:30px;font-weight:900;line-height:1.5}
.news-featured h2 a:hover,.news-card h2 a:hover{color:var(--g3)}
.news-featured h2 a:hover{color:var(--gold)}
.news-featured p{max-width:620px;margin:0 0 20px;color:rgba(251,245,230,.84);font-size:17px;line-height:1.9}
.news-featured-mark{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:32px;background:var(--gold);color:var(--g)}
.news-featured-mark:after{position:absolute;right:-65px;bottom:-80px;width:230px;height:230px;border:1px solid rgba(14,59,44,.22);border-radius:50%;content:""}
.news-featured-mark span{font-family:'Cairo',sans-serif;font-size:15px;font-weight:800}
.news-featured-mark i{position:absolute;top:50%;right:32px;left:32px;height:2px;background:rgba(14,59,44,.22)}
.news-featured-mark b{z-index:1;font-family:'Cairo',sans-serif;font-size:32px;font-weight:900;line-height:1.4}
.news-list-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.news-list-heading h2{margin:8px 0 0;color:var(--g);font-family:'Cairo','Tajawal',sans-serif;font-size:28px;font-weight:900}
.news-count{padding-bottom:5px;color:#63736c;font-size:15px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.news-card{display:flex;min-height:260px;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid rgba(14,59,44,.12);border-radius:20px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.news-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(14,59,44,.1)}
.news-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-bottom:16px;color:#66746d;font-size:13px}
.news-card-meta>span{padding:5px 10px;border-radius:999px;background:var(--cream2);color:var(--g);font-weight:700}
.news-card h2{margin:0 0 10px;color:var(--g);font-family:'Cairo','Tajawal',sans-serif;font-size:20px;font-weight:800;line-height:1.6}
.news-card p{margin:0 0 18px;color:#4a5d54;font-size:16px;line-height:1.9}
.news-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--g3);font-family:'Cairo',sans-serif;font-size:14px;font-weight:800}
.news-read-link span{transition:transform .2s ease}
.news-read-link:hover span{transform:translateX(-4px)}
.news-empty{padding:36px;border:1px solid rgba(14,59,44,.12);border-radius:20px;background:#fff}
.news-empty h2{margin:0 0 10px;color:var(--g);font-family:'Cairo',sans-serif;font-size:24px}
.news-empty p{margin:0 0 20px;color:#4a5d54;line-height:1.9}
.news-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-radius:18px;background:var(--cream2)}
.news-contact>div>span{color:var(--g3);font-size:14px;font-weight:700}
.news-contact h2{margin:4px 0 0;color:var(--g);font-family:'Cairo',sans-serif;font-size:21px;font-weight:800}
.news-article-heading{max-width:850px}
.news-back{display:inline-block;margin-bottom:20px;color:var(--gold);font-size:15px;font-weight:700}
.news-article-heading h1{max-width:820px;margin:14px 0;font-size:40px}
.news-article-main{max-width:850px}
.news-article{overflow:hidden;border:1px solid rgba(14,59,44,.1);border-radius:22px;background:#fff}
.article-cover{margin:0;padding:16px 16px 0}
.article-cover img{display:block;width:100%;max-height:480px;aspect-ratio:1200/630;object-fit:cover;border-radius:14px;background:var(--cream2)}
.article-cover figcaption{padding:10px 4px;color:#65756d;font-size:13px}
.article-body{padding:24px 40px 12px}
.article-body p{margin:0 0 22px;color:#33473e;font-size:19px;line-height:2.1}
.article-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 40px 28px;padding-top:18px;border-top:1px solid rgba(14,59,44,.12);color:#66746d;font-size:14px}
.article-footer a{color:var(--g3);font-weight:800}
.article-footer a:hover{color:var(--g)}
.contact-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start;padding:32px;border-radius:26px;background:var(--g);color:var(--cream)}
.contact-panel h2,.contact-panel h3{color:var(--cream)}
.contact-panel p{color:rgba(251,245,230,.86)}
.contact-panel .field{width:100%;min-height:54px;padding:0 18px;border:2px solid transparent;border-radius:14px;background:rgba(251,245,230,.12);color:var(--cream);font:17px 'Tajawal','Cairo',sans-serif;outline:none}
.contact-panel .field::placeholder{color:rgba(251,245,230,.6)}
.contact-panel .field:focus{border-color:var(--gold);background:rgba(251,245,230,.18)}
.contact-panel textarea.field{min-height:120px;padding-top:14px;resize:vertical}
.contact-panel label{font-size:15px;font-weight:700}
.contact-details{display:grid;gap:14px;margin-top:24px}
.contact-detail{padding:16px 18px;border:1px solid rgba(251,245,230,.16);border-radius:14px;background:rgba(251,245,230,.07)}
.contact-detail b{display:block;margin-bottom:4px;color:var(--gold);font-family:'Cairo',sans-serif}
.legal-copy h2{margin-top:32px;font-size:23px}
.legal-copy h2:first-child{margin-top:0}
.legal-copy ul{padding-right:24px}
.site-footer{background:#0A2A1F;color:var(--cream);padding:42px 0}
.footer-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-logo{width:48px;height:48px;flex:none;border-radius:50%;object-fit:contain}
.footer-copy{display:flex;flex-direction:column;gap:6px}
.footer-name{font-size:20px}
.footer-brand span,.footer-signoff{font-size:14px;opacity:.75}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:15px}
.footer-links a:hover{color:var(--gold)}
.site-social-links{display:flex;align-items:center;gap:12px}
.social-link{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.social-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:50%;background:#1877F2;color:#fff;transition:transform .2s ease}
.social-link:hover .social-icon{transform:translateY(-2px)}
.social-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.footer-credit{flex-basis:100%;color:rgba(251,245,230,.58)!important;font-size:13px;text-align:left;transition:color .2s ease}
.footer-credit:hover{color:var(--gold)!important}
@media(max-width:980px){.nav-links{gap:16px;font-size:14px}.site-header .quote-link{padding:0 16px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.site-header{gap:10px}.site-header.is-floating{top:10px;width:calc(100% - 24px);padding:8px 12px}.header-actions{gap:8px}.menu-toggle{display:flex}.site-header .quote-link{min-height:44px;padding:0 14px;font-size:13px}.nav-links{position:absolute;top:calc(100% + 10px);right:0;left:0;display:flex;flex-direction:column;gap:0;padding:8px 16px;border:1px solid rgba(251,245,230,.16);border-radius:16px;background:rgba(14,59,44,.98);box-shadow:0 18px 38px rgba(4,24,17,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.site-header.menu-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-links a{padding:13px 4px}.nav-links a+a{border-top:1px solid rgba(251,245,230,.1)}}
@media(max-width:620px){.wrap,.footer-wrap,.page-main{width:calc(100% - 36px)}.page-banner>.wrap{padding-bottom:42px}.page-heading{padding-top:26px}.page-heading h1{font-size:34px}.page-heading p{font-size:17px}.page-main{padding:42px 0 64px}.page-main h2{font-size:24px}.page-main p,.page-main li{font-size:17px}.page-grid{grid-template-columns:1fr}.page-item{padding:20px}.footer-wrap{align-items:flex-start}.footer-links{gap:12px 16px}}
@media(max-width:700px){.news-main{width:calc(100% - 36px);padding:36px 0 60px}.news-featured{grid-template-columns:1fr}.news-featured-copy{padding:26px 22px}.news-featured h2{font-size:24px}.news-featured-mark{min-height:130px;padding:18px 22px}.news-featured-mark i{top:50%;right:22px;left:22px}.news-featured-mark b{font-size:23px}.news-grid{grid-template-columns:1fr}.news-card{min-height:0}.news-list-heading h2{font-size:24px}.news-contact{align-items:flex-start;flex-direction:column;padding:22px}.news-contact .btn{width:auto}.news-article-heading h1{font-size:31px}.article-cover{padding:10px 10px 0}.article-body{padding:20px 22px 4px}.article-body p{font-size:17px;line-height:1.95}.article-footer{margin:14px 22px 22px}}
@media(max-width:760px){.contact-panel{grid-template-columns:1fr;padding:22px}}
@media(prefers-reduced-motion:reduce){.site-header,.menu-icon i,.nav-links,.btn{transition:none!important}}