*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#303530;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{height:62px;border-bottom:1px solid #e5e7e5;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:20}.nav{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:#2f8137;font-size:18px}.mark{width:26px;height:26px;border:2px solid #2f8137;transform:rotate(45deg);border-radius:6px}.links{display:flex;gap:26px;align-items:center;font-size:15px}.btn{display:inline-block;padding:12px 23px;border:1px solid #2f8137;border-radius:28px;color:#2f8137;background:#fff}.green{background:#2f8137;color:#fff}.gold{background:#d2a622;border-color:#d2a622;color:#fff}.hero{min-height:740px;background:linear-gradient(#fbf8f3,#fff);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero h1{font-size:58px;line-height:1.02;color:#2f8137;font-weight:500}.hero p{font-size:19px;max-width:610px;margin:25px 0}.actions{display:flex;gap:15px}.hero-img{position:relative}.hero-img img{width:100%;height:500px;object-fit:cover;border-radius:24px}.float{position:absolute;left:-22px;bottom:-20px;background:#fff;padding:20px 24px;border-radius:15px;box-shadow:0 10px 28px #0002}.float b{display:block;color:#2f8137;font-size:30px;font-weight:400}.section{padding:78px 0}.cream{background:#fbf8f2}.title{text-align:center;color:#2f8137;font-size:27px;font-weight:500}.sub{text-align:center;color:#777;max-width:700px;margin:8px auto 30px}.grid{display:grid;gap:16px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e5e8e5;border-radius:13px;padding:20px;box-shadow:0 5px 16px #0000000a}.quote{font-size:30px;color:#d2a622}.person{display:flex;gap:9px;margin-top:18px;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:#c9ddca;display:grid;place-items:center;color:#2f8137;font-size:11px}.person small{display:block;color:#777}.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about img{width:100%;height:370px;object-fit:cover;border-radius:18px}.about h2{color:#2f8137;font-size:28px}.vision{padding:15px;background:#fff;border-radius:10px;box-shadow:0 8px 20px #0001}.product{padding:0;overflow:hidden}.product img{height:145px;width:100%;object-fit:cover}.product-body{padding:13px}.price{color:#2f8137;font-size:18px}.product-foot{display:flex;justify-content:space-between;align-items:center}.cart{border:0;border-radius:50%;width:29px;height:29px;background:#2f8137;color:#fff}.form{max-width:720px;margin:auto;background:#fff;border:1px solid #e4e7e4;border-radius:14px;padding:25px;box-shadow:0 8px 25px #0001}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#666;margin-bottom:5px}.field input,.field textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:8px}.full{grid-column:1/-1}.donate{background:#fbf8f2}.donation{max-width:530px;margin:auto}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 16px}.choice{padding:11px;border:1px solid #ddd;background:#fff;border-radius:8px}.choice.active{border-color:#2f8137;background:#edf7ee;color:#2f8137}.total{text-align:center;background:#f1f8f1;padding:18px;margin:15px 0;color:#2f8137}.total b{font-size:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.chat{max-width:620px;margin:auto;border:1px solid #ddd;border-radius:14px;overflow:hidden}.chat-head{background:#2f8137;color:#fff;padding:18px}.message{margin:18px;background:#fbefe5;padding:18px;border-radius:0 14px 14px 14px}.quick{display:flex;gap:8px;flex-wrap:wrap;margin:0 18px 18px}.quick button{padding:9px 14px;border-radius:20px;background:#fff;border:1px solid #2f8137;color:#2f8137}.chat-input{display:flex;padding:14px;border-top:1px solid #eee}.chat-input input{flex:1;padding:11px;border-radius:22px;border:1px solid #ddd}.admin{display:flex;min-height:calc(100vh - 62px);background:#f5f7f6}.side{width:220px;background:#fff;border-right:1px solid #e1e5e2;padding:22px 14px}.side h3{color:#2f8137;font-size:13px}.side a{display:block;padding:10px;border-radius:8px;font-size:12px;margin:3px 0}.side a.active,.side a:hover{background:#2f8137;color:#fff}.main{flex:1;padding:28px}.main h1{color:#2f8137;font-size:23px;font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid #e1e5e2;border-radius:10px;padding:18px}.stat small{color:#777}.stat b{display:block;font-size:22px;margin-top:7px}.panels{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid #e1e5e2;border-radius:10px;padding:16px}.panel h2{font-size:15px;color:#2f8137}.table{width:100%;border-collapse:collapse;font-size:11px}.table td,.table th{padding:9px;border-bottom:1px solid #eee;text-align:left}.badge{background:#f2df8e;border-radius:12px;padding:4px 8px}.ok{background:#dff0df;color:#2f8137}.progress{height:5px;background:#e8ece8;border-radius:5px}.progress i{display:block;height:100%;background:#2f8137}.admin-products,.programs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-product{background:#fff;border:1px solid #e1e5e2;border-radius:10px;overflow:hidden}.admin-product img{width:100%;height:125px;object-fit:cover}.admin-product div{padding:12px}.program{background:#fff;border:1px solid #e1e5e2;border-radius:10px;padding:15px}.program h3{font-size:13px;color:#4d704e}.program b{color:#2f8137}@media(max-width:850px){.hero-grid,.about,.contact,.panels{grid-template-columns:1fr}.g3,.g4,.stats,.admin-products,.programs{grid-template-columns:repeat(2,1fr)}.links{gap:10px;font-size:12px}.hero h1{font-size:43px}.hero{padding:60px 0}.fields{grid-template-columns:1fr}.full{grid-column:auto}.admin{display:block}.side{width:100%}}@media(max-width:560px){.g3,.g4,.stats,.admin-products,.programs,.choices{grid-template-columns:1fr}.nav{flex-direction:column;padding:10px 0;gap:8px}.site-header{height:auto}.links{flex-wrap:wrap;justify-content:center}.hero h1{font-size:37px}.hero-img img{height:330px}}
.ai-link{color:#2f8137!important;font-weight:700}
.ai-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#2f8137;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 22px rgba(0,0,0,.22);z-index:100}
.ai-float:hover{transform:scale(1.05)}

/* Stable AI Support navigation/chat layout */
.chat-messages{height:430px;overflow-y:auto;padding:18px;background:#fff;scroll-behavior:smooth}
.chat-message{display:flex;margin:8px 0}.chat-message.bot{justify-content:flex-start}.chat-message.user{justify-content:flex-end}
.chat-message .bubble{max-width:78%;padding:11px 14px;border-radius:15px;font-size:13px;line-height:1.5;white-space:pre-wrap}
.chat-message.bot .bubble{background:#fbf0e7;color:#333;border-bottom-left-radius:4px}.chat-message.user .bubble{background:#2f8137;color:#fff;border-bottom-right-radius:4px}
.chat-input input:focus{border-color:#2f8137;outline:none;box-shadow:0 0 0 3px rgba(47,129,55,.10)}
