:root{--orange:#f28c18;--green:#087a4b;--ink:#15221d;--muted:#66736d;--soft:#f4f7f5;--line:#e6ece8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.topbar{color:#d9e4de;background:#0f1f19;padding:9px 0;font-size:13px}.topbar .container,.nav .container{justify-content:space-between;align-items:center;display:flex}.nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.mark{background:linear-gradient(135deg,var(--orange) 0 34%,#fff 34% 66%,var(--green) 66%);border:1px solid #eee;border-radius:14px;width:46px;height:46px}.navlinks{gap:26px;font-size:14px;font-weight:700;display:flex}.hero{background:linear-gradient(90deg,#051e15e0,#051e1559),url(/abidjan.jpg) 50%/cover;align-items:end;min-height:670px;display:grid}.heroContent{color:#fff;max-width:760px;padding:100px 0 90px}.eyebrow{letter-spacing:.18em;color:#ffd4a1;font-size:13px;font-weight:800}.hero h1{margin:16px 0 20px;font-size:68px;line-height:.98}.hero p{color:#e8efeb;max-width:690px;font-size:20px;line-height:1.6}.btn{cursor:pointer;border:0;border-radius:12px;padding:14px 20px;font-weight:800;display:inline-flex}.btnPrimary{background:var(--orange);color:#1d160d}.btnDark{color:#fff;background:#10231a}.section{padding:82px 0}.section.soft{background:var(--soft)}.sectionHead{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.kicker{color:var(--green);letter-spacing:.15em;font-size:12px;font-weight:900}.section h2{margin:8px 0;font-size:40px}.muted{color:var(--muted);line-height:1.65}.stats{z-index:4;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-45px;display:grid;position:relative}.stat{border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px;box-shadow:0 12px 35px #16322614}.stat b{color:var(--green);font-size:28px}.stat span{color:var(--muted);margin-top:8px;display:block}.grid3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden}.cardBody{padding:22px}.tag{color:var(--green);background:#edf6f1;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-block}.card h3{font-size:21px;line-height:1.25}.project{border:1px solid var(--line);background:#fff;border-radius:18px;padding:25px}.bar{background:#e9efeb;border-radius:99px;height:8px;margin-top:18px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--orange),var(--green));height:100%;display:block}.events{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.event{border:1px solid var(--line);border-radius:18px;gap:18px;padding:22px;display:flex}.datebox{color:#fff;text-align:center;background:#10231a;border-radius:14px;place-items:center;width:58px;min-width:58px;height:64px;font-weight:900;display:grid}.datebox small{color:#ffbd6f;display:block}.communes{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.commune{text-align:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 8px;font-size:13px;font-weight:800}.cta{color:#fff;background:linear-gradient(125deg,#10231a,#087a4b);border-radius:28px;justify-content:space-between;align-items:center;gap:30px;padding:44px;display:flex}.footer{color:#d5dfda;background:#0b1712;padding:55px 0 25px}.footerGrid{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.footer h4{color:#fff}.copyright{border-top:1px solid #2b3c34;margin-top:35px;padding-top:20px;font-size:13px}.adminShell{background:#f5f7f6;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0d1c16;height:100vh;padding:26px;position:sticky;top:0}.sidebar a{color:#d9e5de;border-radius:10px;margin:5px 0;padding:12px 14px;display:block}.sidebar a:hover{background:#173226}.adminMain{padding:36px}.adminTop{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.adminGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.adminCard{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:14px;font-size:14px}.form{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:820px;padding:24px}.field{margin-bottom:16px}.field label{margin-bottom:7px;font-size:13px;font-weight:800;display:block}.field input,.field textarea,.field select{width:100%;font:inherit;border:1px solid #dce4df;border-radius:10px;padding:12px}.login{background:linear-gradient(135deg,#eff5f1,#fff3e3);place-items:center;min-height:100vh;display:grid}.loginBox{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(430px,92%);padding:34px;box-shadow:0 25px 70px #0a28191f}@media (max-width:900px){.navlinks{display:none}.hero h1{font-size:46px}.stats,.grid3,.events,.adminGrid{grid-template-columns:1fr 1fr}.communes{grid-template-columns:repeat(3,1fr)}.adminShell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.footerGrid{grid-template-columns:1fr}.cta{display:block}}@media (max-width:620px){.stats,.grid3,.events,.adminGrid{grid-template-columns:1fr}.hero{min-height:600px}.hero h1{font-size:40px}.section h2{font-size:31px}.communes{grid-template-columns:repeat(2,1fr)}.section{padding:58px 0}.topbar{display:none}}
