:root{
  --green:#0b5d2e;
  --gold:#c7a008;
  --cream:#fffdf5;
  --dark:#0d0d0d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#222;background:var(--cream);}
a{color:var(--green);text-decoration:none}
a.button{display:inline-block;padding:12px 18px;border:2px solid var(--green);border-radius:10px;font-weight:700}
a.button:hover{background:var(--green);color:#fff}
.header{background:linear-gradient(135deg,var(--green),#08401f);color:#fff;padding:28px 16px;text-align:center}
.header .logo{height:72px;display:block;margin:0 auto 10px}
.header h1{margin:6px 0 6px;font-size:28px;letter-spacing:.3px}
.header .tag{opacity:.9;margin:0;font-style:italic}
.container{max-width:1000px;margin:0 auto;padding:22px 16px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid #e7e2d0;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.04);padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.card h2{margin:0 0 8px;color:var(--green);font-size:20px;display:flex;gap:8px;align-items:center}
.card p{margin:0 0 14px;color:#333}
.card .cta{margin-top:auto}
.banner{background:#f7f1d3;border:1px dashed var(--gold);padding:12px;border-radius:12px;text-align:center;margin:8px 0 20px}
.footer {
    background-color: #004d26; /* Deep Green */
    color: #ffd700;           /* Golden Yellow */
    text-align: center;
    padding: 20px;
    margin-top: 30px;
    font-size: 14px;
    border-top: 3px solid #ffd700;
}

.footer a {
    color: #ffd700; 
    text-decoration: none;
    font-weight: bold;
}

.footer a:hover {
    text-decoration: underline;
}

}