:root{
      --primary:#1f5f2c;
      --secondary:#f4f7f3;
      --text:#222;
      --muted:#666;
      --border:#d9e2d7;
      --white:#fff;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    body{
      font-family: Arial, Helvetica, sans-serif;
      line-height:1.7;
      color:var(--text);
      background:#f8f9fa;
    }
    .page{
      max-width:1000px;
      margin:40px auto;
      padding:0 20px;
    }
    .card{
      background:var(--white);
      border:1px solid var(--border);
      border-radius:14px;
      overflow:hidden;
      box-shadow:0 8px 24px rgba(0,0,0,.06);
    }


.header{
  background: var(--primary);
  color: #fff;
  padding: 40px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.header-text{
  flex: 1;
  min-width: 260px;
}

.header h1{
  font-size: 2rem;
  margin-bottom: 10px;
}

.header p{
  opacity: .95;
  margin: 0;
}

.header-logo img{
  max-height: 90px;
  width: auto;
  display: block;
}
    .topnav{
      background:var(--secondary);
      border-bottom:1px solid var(--border);
      padding:15px 30px;
    }
    .topnav a{
      color:var(--primary);
      text-decoration:none;
      font-weight:bold;
      margin-right:18px;
    }
    .topnav a:hover{
        color: #333

    }
    .content{padding:35px 30px 45px}
    h2{
      color:var(--primary);
      font-size:1.35rem;
      margin:28px 0 12px;
    }
    p{margin-bottom:14px;text-align:justify}
    ul{margin:10px 0 16px 22px}
    li{margin-bottom:8px}
    .box{
      background:#f5fbf4;
      border-left:4px solid var(--primary);
      padding:14px 16px;
      border-radius:8px;
      margin:16px 0;
    }
    .footer{
      background:#f1f4f1;
      border-top:1px solid var(--border);
      padding:20px 30px;
      color:var(--muted);
      font-size:.95rem;
    }
    @media (max-width:768px){
      .header,.content,.topnav,.footer{padding-left:20px;padding-right:20px}
      .header h1{font-size:1.6rem}
      .topnav a{display:inline-block;margin-bottom:8px}
    }