:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--golden-wheat-700:#988561;--golden-wheat-500:#b9a779;--golden-wheat-100:#edebe0;--forest-600:#054239;--forest-800:#002623;--forest-400:#428177;--charcoal-900:#161616;--charcoal-700:#3d3a3b;--white:#fff;--deep-umber:#6b1f2a;--text-main:#fff;font-family:Inter,Segoe UI,Tahoma,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background-color:#eee;min-width:320px;margin:0}#root{min-height:100vh}
@font-face{font-family:ITF Qomra Arabic Bold;src:url(/fonts/itfQomraArabic-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:B Tooba;src:url(/fonts/b-tooba.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.page{color:var(--text-main);direction:rtl;background-position:50%;background-repeat:repeat;background-size:380px;min-height:100vh;font-family:ITF Qomra Arabic Bold,Segoe UI,Tahoma,sans-serif;position:relative;overflow-x:clip}.page>header,.page>main,.page>footer{z-index:1;position:relative}.pattern-orb{z-index:0;aspect-ratio:1;pointer-events:none;opacity:.2;mix-blend-mode:screen;border-radius:50%;width:min(300px,88vw);position:absolute;inset-inline-end:max(-18vw,-5.5rem);overflow:hidden}.pattern-orb img{object-fit:cover;width:100%;height:100%;display:block}.container{width:min(1100px,92vw);margin:0 auto}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-section{place-items:center;padding:2rem 0 5rem;display:grid;position:relative;overflow:hidden}.hero-overlay{position:absolute;inset:0}.hero-glow{filter:blur(58px);background:#98856124;border-radius:50%;width:65vw;max-width:530px;height:65vw;max-height:530px;animation:7s ease-in-out infinite pulse;position:absolute;top:-30%;right:-10%}.hero-logo{object-fit:contain;object-position:center;filter:drop-shadow(0 0 22px #b9a77947);width:300px;height:100px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#b9a779;font-size:.78rem}.hero-content h1{color:#fff;flex-direction:column;justify-content:center;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,3.5rem);font-weight:700;line-height:2;display:flex}.hero-content h1 span:first-child{color:var(--forest-600)}.hero-content h1 span:nth-child(2){color:var(--deep-umber);transform:translate(-20%)}.hero-subtitle{color:var(--golden-wheat-500);text-align:center;font-size:clamp(1rem,2.7vw,1.35rem);font-weight:500}.hero-content p{color:var(--golden-wheat-700);text-align:center;margin-bottom:1rem}.quick-nav{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.25rem;display:flex}.section{padding:3rem 0;position:relative}.section-muted{background:0 0}.section h2{color:var(--golden-wheat-500);margin:0 0 .85rem;font-size:clamp(1.25rem,3vw,1.9rem)}.lead{max-width:68ch;color:var(--golden-wheat-700);text-align:justify;margin:0}#about .lead+.lead{margin-top:.95rem}.grid{gap:1rem;display:grid}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}#projects .cards-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){#projects .cards-grid{grid-template-columns:repeat(1,1fr)}}.card{text-align:right;background:url(/brand/image-4433ed17-55f8-4293-b62a-ea3bdb7b8ab4.png) 50%/contain;border:1px solid #42817766;border-radius:18px;padding:1rem;transition:transform .26s,box-shadow .26s,border-color .26s;box-shadow:0 12px 40px #00000047,inset 0 1px #b9a7791f}.card:hover{border-color:#b9a7796b;transform:translateY(-5px);box-shadow:0 16px 36px #0026238c,0 0 0 1px #42817740,inset 0 1px #edebe01a}.card h3{color:#fff;margin:0 0 .6rem}.card p{color:#edebe0d1;margin:0}.icon-chip{color:#edebe0;background:#0026238c;border:1px solid #4281778c;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:.7rem;font-size:.78rem;font-weight:700;display:inline-grid;position:relative}.project-card-number{color:#edebe0;background:#0026238c;border:1px solid #4281778c;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:.7rem;margin-left:1rem;margin-right:1rem;font-size:.78rem;font-weight:700;display:inline-grid;position:relative}.project-card:hover .project-card-number{color:#edebe0;border-color:#b9a77973;box-shadow:0 0 18px #42817759}.project-card-number span{color:#b9a779;font-size:1.5rem;line-height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-40%)}.project-card:hover .project-card-number span{color:#edebe0}.icon-chip--svg{color:#b9a779;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.icon-chip--svg svg{display:block}.card--department:hover .icon-chip--svg{color:#edebe0;border-color:#b9a77973;box-shadow:0 0 18px #42817759}.actions{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.project-card.card{flex-direction:column;justify-content:space-between;padding:1rem 0 0;display:flex}.project-card.card h3,.project-card.card p{padding:0 1rem}.project-card .actions .button{background:0 0;border-radius:0;justify-content:flex-start;gap:4px;display:flex}.project-card .actions .button svg{color:#b9a779}.project-card .actions .button:first-child{border-bottom-right-radius:18px}.project-card .actions .button:nth-child(2){border-bottom-left-radius:18px}.button{color:#fff;background:linear-gradient(135deg,#054239,#002623);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.62rem 1rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #4281776b,0 8px 20px #00262373}.button-ghost{color:#edebe0;background:0 0;border-color:#428177}.innovation-card{border-color:#b9a77947}.contact-form{text-align:right;gap:.8rem;max-width:560px;display:grid}.contact-challenge-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:1rem;display:grid}.contact-form label{color:#edebe0;gap:.35rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--forest-400);color:#edebe0d1;text-align:right;background:linear-gradient(135deg,#054239,#002623);border-radius:14px;padding:.8rem .9rem;font-family:ITF Qomra Arabic Bold,Segoe UI,Tahoma,sans-serif;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#edebe0d1}.contact-form input:focus,.contact-form textarea:focus,.button:focus-visible{border-color:#b9a779;outline:none;box-shadow:0 0 0 3px #b9a77933}.submit-button{cursor:pointer;background:linear-gradient(135deg,#054239,#002623);width:fit-content;font-family:ITF Qomra Arabic Bold,Segoe UI,Tahoma,sans-serif}.status-message{color:#b9a779;margin:0;font-weight:600}.contact-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite contact-spin;display:inline-block}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-feedback{align-items:center;gap:.45rem;margin:.1rem 0 0;font-size:.9rem;font-weight:600;display:flex}.contact-feedback--success{color:#75c79a}.contact-feedback--error{color:#f1b0b0}.submit-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;align-items:center;gap:.5rem;display:flex;transform:none}.challenge-card{background:linear-gradient(135deg,#054239,#002623);border:1px solid #42817766;border-radius:18px;padding:1rem;box-shadow:0 10px 28px #0000003d}.challenge-card h3{color:var(--golden-wheat-100);margin:0 0 .5rem}.challenge-card p{color:#edebe0d1;margin:0 0 .9rem}.challenge-toggle{cursor:pointer;width:100%}.challenge-form{gap:.55rem;margin-top:.9rem;display:grid}.challenge-form label{color:#edebe0}.challenge-form input{border:1px solid var(--forest-400);color:#edebe0d1;text-align:left;direction:ltr;background:linear-gradient(135deg,#054239,#002623);border-radius:14px;padding:.75rem .85rem;font-family:ITF Qomra Arabic Bold,Segoe UI,Tahoma,sans-serif;font-size:1rem}.challenge-form input::placeholder{color:#edebe0d1}.challenge-form input:focus{border-color:#b9a779;outline:none;box-shadow:0 0 0 3px #b9a77933}.challenge-card-title{align-items:center;gap:.5rem;display:flex}.challenge-status{margin:.25rem 0 0;font-weight:600}.challenge-status--success{color:#75c79a}.challenge-status--error{color:#f1b0b0}.footer{color:var(--golden-wheat-700);background-image:url(/brand/footer-bg.jpg);background-position:50%;background-repeat:repeat;background-size:400px;border-top:1px solid #b9a77933;padding:2rem 0 1.1rem;font-size:.92rem}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (min-width:780px){.section{padding:3.8rem 0}}.footer-grid{border-bottom:1px solid #b9a77938;grid-template-columns:1fr 1fr 1.2fr;align-items:start;gap:1.2rem;padding-bottom:1.2rem;display:grid}.footer-col h3{color:var(--golden-wheat-100);margin:0 0 .55rem;font-size:1.06rem}.footer-col p{margin:0;line-height:1.75}.footer-col--contact p{margin-bottom:.7rem}.footer-cta{min-width:132px}.footer-social-links{gap:.55rem;display:grid}.footer-quick-links{gap:.5rem;display:grid}.footer-link{color:var(--golden-wheat-100);border-bottom:1px solid #b9a77929;padding:.2rem 0;text-decoration:none;transition:color .18s,border-color .18s}.footer-link:hover{color:var(--golden-wheat-500);border-color:#b9a77973}.footer-pill{color:var(--golden-wheat-100);background:#00262361;border:1px solid #42817780;border-radius:999px;align-items:center;gap:.55rem;padding:.48rem .95rem;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex}.footer-pill:hover{background:#05423973;border-color:#b9a7798c}.footer-col--brand{text-align:right}.footer-col--brand img{object-fit:contain;width:200px;height:auto;margin-bottom:.65rem}.footer-bottom{text-align:center;color:#b9a779c7;padding-top:.9rem;font-size:.84rem}.footer-bottom p{margin:0}@media (max-width:900px){.footer-grid{text-align:center;grid-template-columns:1fr}.footer-col--brand{text-align:center}.footer-col--brand img{margin-inline:auto}.contact-challenge-grid{grid-template-columns:1fr}}#about{isolation:isolate;--about-parallax-y:0px;position:relative;overflow:hidden}#about:before{content:"";z-index:0;transform:translate3d(0, var(--about-parallax-y,0px), 0);will-change:transform;pointer-events:none;background-image:url(/brand/image-4433ed17-55f8-4293-b62a-ea3bdb7b8ab4.png);background-position:50%;background-repeat:repeat;background-size:380px;position:absolute;inset:-30% 0}#about>.container{z-index:1;position:relative}#about .about-layout{flex-direction:row-reverse;align-items:center;gap:1.6rem;display:flex}#about .about-text{flex:1;min-width:0}#about .about-media{object-fit:contain;width:min(300px,34vw)}#about .about-media img{width:100%;height:auto;display:block}@media (max-width:900px){#about .about-layout{flex-direction:column;align-items:stretch}#about .about-media{width:min(200px,72vw);margin-inline:auto}}.sections-container{position:relative}.sections-container:before{content:"";opacity:.1;z-index:-1;background-image:url(/brand/pt1.svg);background-repeat:repeat;background-size:400px;position:absolute;inset:0}.footer-col--brand-location{align-items:center;gap:.5rem;display:flex}.footer-col--brand-location svg{width:20px;height:20px}.footer-col--brand-location p{font-size:.84rem}@media (max-width:900px){.footer-col--brand-location{justify-content:center}}.contact-section{position:relative}.contact-section .container{z-index:1;position:relative}.contact-section .syria-logo{z-index:0;aspect-ratio:1;pointer-events:none;border-radius:50%;width:min(300px,88vw);position:absolute;top:0;left:0;overflow:hidden;transform:translate(-220px)}#cooperation .syria-logo img{object-fit:contain;opacity:.2;width:100%;height:100%;display:block}.about-text h2,.about-text h3{color:#fff}.about-text p{color:#edebe0d1}
.rotating-pattern-orb{opacity:.1;pointer-events:none;z-index:0;aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:100%;width:min(540px,88vw);animation:60s linear infinite slowRotate;position:absolute;inset-inline-end:max(-18vw,-5.5rem);transform:rotate(0);box-shadow:inset 0 0 100px 100px #eee}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}