:root {
  --brand-dark:#0F2B14;
  --brand-green:#3A7A1C;
  --brand-light:#8ABF65;
  --text-dark:#0A1A2A;
}

/* GLOBAL */
body{
  margin:0;
  font-family:Segoe UI,Arial,sans-serif;
  color:#0A0A0A;
  line-height:1.8;
  background:#000;
}

.container{width:90%;max-width:1200px;margin:auto;}

/* HEADER */
.site-header{background:linear-gradient(90deg,var(--brand-dark),var(--brand-green));padding:14px 0;color:white}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo{height:65px}
.nav a{margin-left:20px;color:white;font-weight:600}
.nav a:hover{color:var(--brand-light)}

/* BACKGROUND SECTION */
.page-wrap{
  background:url('assets/background.jpg') no-repeat center center fixed;
  background-size:cover;
  min-height:100%;
  padding-top:40px;
  padding-bottom:40px;
}

.overlay{
  background:rgba(255,255,255,0.90);
  min-height:100%;
  padding:30px;
  border-radius:10px;
}

/* FOOTER */
.site-footer{
  background:var(--brand-dark);
  color:white;
  text-align:center;
  padding:40px 0;
}

/* HERO */
.hero{
 padding:70px 0;
 color:#0A0A0A;
}
.hero h1{font-size:36px;color:#0A0A0A}
.hero p{font-size:18px;color:#111}
.btn{padding:14px 30px;background:var(--brand-dark);color:white;font-weight:700;display:inline-block;margin-right:10px;text-decoration:none}
.btn:hover{background:var(--brand-green)}

/* CONTENT */
section{padding:50px 0}
h1,h2,h3{color:#0A0A0A}
ul{font-size:16px}

/* GRID */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}
.card{border-top:3px solid var(--brand-green);padding-top:18px}

/* MOBILE */
@media(max-width:900px){
.header-inner{flex-direction:column;gap:12px}
.nav{display:flex;flex-wrap:wrap;justify-content:center}
.nav a{margin:6px}
}
@media(max-width:600px){
.logo{height:55px}
.container{width:94%}
.hero{text-align:center}
}