:root{--g:#1f7a3d;--gold:#d4a017;--bg:#f7f8f2}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:var(--bg);color:#333}
header{position:sticky;top:0;background:var(--g);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}
nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:700}
.hero{padding:60px 20px;text-align:center;background:linear-gradient(135deg,#2e8b57,#f0b429);color:#fff}
.hero h1{margin:0;font-size:42px}.hero p{font-size:20px}
.wrap{max-width:1100px;margin:auto;padding:24px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 14px rgba(0,0,0,.08);margin-bottom:20px}
.team{margin:16px 0}.row{display:flex;justify-content:space-between;font-weight:700}
.bar{height:14px;background:#e8e8e8;border-radius:30px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--g))}
table{width:100%;border-collapse:collapse}th{background:var(--g);color:#fff}th,td{padding:10px;border:1px solid #ddd}
.notice{padding:12px;border-left:5px solid var(--gold);background:#fffbe8;margin:10px 0}
footer{text-align:center;padding:20px;color:#666}
@media(max-width:800px){.grid{grid-template-columns:1fr}.hero h1{font-size:30px}}