:root{--earth:#7a3f16;--sand:#f5d28a;--green:#1f6b3a;--dark:#142016;--bg:#fffaf0;--muted:#66735f;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:#172014;line-height:1.6}a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:50;background:rgba(20,32,22,.94);color:white}
.nav{max-width:1200px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:24px;font-weight:900}.logo span{color:var(--sand)}.menu{display:flex;gap:22px;font-weight:700}.menu a:hover{color:var(--sand)}
.btn{display:inline-block;border:0;background:var(--green);color:white;padding:13px 20px;border-radius:14px;font-weight:900;cursor:pointer}.btn.gold{background:var(--sand);color:#1d1608}.btn.earth{background:var(--earth)}
.hero{background:linear-gradient(120deg,rgba(20,32,22,.94),rgba(31,107,58,.72));color:white}
.hero-inner{max-width:1200px;margin:auto;padding:100px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.badge{display:inline-block;background:rgba(245,210,138,.18);border:1px solid rgba(245,210,138,.45);color:#ffe9ae;padding:8px 14px;border-radius:999px;font-weight:900}
.hero h1{font-size:58px;line-height:1.05;margin:20px 0}.hero p{font-size:20px;color:#f6ead1}
.donate-card{background:white;color:#172014;border-radius:32px;padding:28px;box-shadow:0 30px 90px #0007}
.amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.amount{border:1px solid #e8d8b1;border-radius:16px;padding:14px;text-align:center;font-weight:900;cursor:pointer}.amount:hover{background:#fff4d5}
.input{width:100%;padding:14px;border:1px solid #d6c8a5;border-radius:14px;margin:8px 0 14px}
.section{max-width:1200px;margin:auto;padding:80px 24px}.title{text-align:center;margin-bottom:50px}.title h2{font-size:42px;margin:0 0 10px}.title p{color:var(--muted);font-size:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border-radius:24px;padding:26px;box-shadow:0 14px 38px rgba(20,32,22,.1);border:1px solid #f0e3c2}.icon{font-size:38px;margin-bottom:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:white;border-radius:24px;text-align:center;padding:26px;box-shadow:0 14px 38px rgba(20,32,22,.1)}.stat b{font-size:34px;color:var(--green)}
.legacy{background:#142016;color:white}.legacy .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:white}.legacy p{color:#e5d7b4}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project{background:white;border-radius:28px;overflow:hidden;box-shadow:0 14px 38px rgba(20,32,22,.1)}.project-img{height:190px;background:linear-gradient(135deg,var(--green),var(--earth));display:flex;align-items:end;color:white;padding:24px;font-size:28px;font-weight:900}.project-body{padding:24px}
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}textarea{min-height:120px}
.footer{background:#0b120c;color:white;padding:40px 24px;text-align:center}.footer p{color:#b8c5b2}
@media(max-width:900px){.hero-inner,.grid,.stats,.projects,.form{grid-template-columns:1fr}.menu{display:none}.hero h1{font-size:40px}}
.alert {
  padding: 12px;
  border-radius: 6px;
  margin-top: 10px;
  font-weight: bold;
  transition: opacity 0.5s ease;
}

.alert-success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.alert-error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}