:root{
  --green: #2e8b57;
  --accent: #89c997;
  --bg: #ffffff;
  --muted: #666666;
  --max-width: 1100px;
}
*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{background:var(--bg);color:#222;margin:0;line-height:1.6}
.container{max-width:var(--max-width);margin:0 auto;padding:20px}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.logo img{width:40px;height:40px;vertical-align:middle;margin-right:8px}
.main-nav a{margin:0 10px;color:var(--muted);text-decoration:none}
.main-nav a:hover{color:var(--green)}
.lang-switch{font-size:14px;color:var(--muted)}
.hero{display:flex;align-items:center;justify-content:space-between;padding:40px 0}
.hero-left{max-width:55%}
.hero h1{font-size:36px;color:var(--green);margin:0}
.hero p{color:var(--muted)}
.cta{display:inline-block;background:var(--green);color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.card{background:#fff;border:1px solid #eee;padding:18px;border-radius:8px}
.article-list{list-style:none;padding:0}
.article-list li{padding:12px 0;border-bottom:1px solid #f0f0f0}
.site-footer{background:#f8f8f8;padding:20px;margin-top:40px;text-align:center}
.form-group{margin-bottom:12px}
input,textarea,select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px}
.btn{background:var(--green);color:#fff;padding:10px 14px;border-radius:6px;border:none}
.admin-login{max-width:420px;margin:40px auto;padding:20px;border:1px solid #eee;border-radius:8px}