/* Minimal, clean design with enhanced visual polish */
:root{
  --brand:#0a6847;
  --brand-2:#155f39;
  --bg:#f7faf7;
  --text:#102a12;
  --muted:#6b7a6f;
  --card:#ffffff;
  --shadow:0 10px 20px rgba(0,0,0,.06);
  --grad: linear-gradient(135deg, #0a6847 0%, #1a936f 50%, #2ec4b6 100%);
  --bg-soft: #f0f7f3;
  --card-soft: #ffffffdd;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1120px;margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#ffffffc9;backdrop-filter:blur(6px);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}
.nav .brand{font-weight:800;letter-spacing:.3px;color:var(--brand);font-size:20px}
.nav .spacer{flex:1}
.nav a{font-weight:600;color:#16371f;padding:8px 12px;border-radius:10px}
.nav a.active{background:#c9f0e2}
.nav a:hover{background:#e0f6ed}

.hero{padding:40px 24px;background:var(--grad);color:#f3fff9;border-radius:20px;margin-top:12px}
.hero h1{font-size:40px;line-height:1.1;margin:0}
.hero p{font-size:18px;color:#e8fff4}
.hero .card{background:var(--card-soft);color:var(--text)}

.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:24px;transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.08)}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.btn{display:inline-block;background:var(--brand);color:white;padding:12px 16px;border-radius:12px;font-weight:700;border:0;cursor:pointer;box-shadow:0 6px 14px rgba(10,104,71,.2)}
.btn.secondary{background:#eaf5ee;color:var(--brand);border:1px solid #cdebdc}
.btn:disabled{opacity:.6;cursor:not-allowed}

.footer{margin-top:48px;padding:24px;background:#082114;color:#d6e5d9}
.footer a{color:#c6f6d5}

.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gallery figure{margin:0;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition: all .2s ease}
.gallery img{display:block;width:100%;height:180px;object-fit:cover}
.gallery figcaption{padding:10px;color:#2b3a2e;font-size:14px}
.gallery figure:hover{box-shadow: 0 12px 24px rgba(0,0,0,.12); transform: translateY(-3px)}

.notice{padding:12px 14px;background:#fffbea;border:1px solid #f6e05e;border-radius:10px;color:#975a16}

.form-row{display:grid;gap:12px}
input, textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;background:white}
label{font-weight:600;color:#1f3823}

h1,h2,h3{color:#0f3d2e}
h2{border-left:6px solid #2ec4b6;padding-left:10px}

.section-alt{background: var(--bg-soft); padding: 20px; border-radius: 16px}

/* Stats styling */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.stat{background: linear-gradient(180deg,#ffffff,#f7fbf9); border:1px solid #e7f3ed; border-radius:14px; padding:16px; text-align:center}
.stat div{letter-spacing:.3px}
.stat small{display:block;margin-top:6px;color:#37594b}

@media(max-width:900px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}