.mind-page{
  background:#fffdf9;
  padding:45px 5%;
  font-family:inherit;
  color:#082b17;
}

.mind-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin:0 0 30px;
}

.mind-title span{
  width:220px;
  height:1px;
  background:#efb99f;
}

.mind-title h2{
  margin:0;
  font-size:32px;
  color:#082b17;
  font-weight:700;
  text-align:center;
}

.focus-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  margin-bottom:38px;
}

.focus-card{
  border:1px solid #f1c9b5;
  border-radius:10px;
  background:#fffaf4;
  padding:38px 28px;
  text-align:center;
  transition:.35s ease;
}

.focus-card:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 35px rgba(8,43,23,.12);
  background:#fff7ef;
}

.focus-card svg{
  width:58px;
  height:58px;
  stroke:#e94b12;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  margin-bottom:20px;
  transition:.35s ease;
}

.focus-card:hover svg{
  transform:scale(1.12);
  stroke:#082b17;
}

.focus-card h3{
  margin:0 0 14px;
  font-size:22px;
  color:#082b17;
}

.focus-card p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:#111827;
}

.impact-row{
  display:grid;
  grid-template-columns:.9fr 1.25fr;
  gap:60px;
  align-items:center;
  margin:20px 0 48px;
}

.impact-content span{
  color:#e94b12;
  font-size:14px;
  font-weight:800;
}

.impact-content h2{
  font-size:36px;
  line-height:1.2;
  margin:10px 0 14px;
}

.impact-content i{
  display:block;
  width:70px;
  height:3px;
  background:#e94b12;
  margin-bottom:20px;
}

.impact-content p{
  font-size:16px;
  line-height:1.8;
  color:#111827;
  margin-bottom:30px;
}

.impact-image img{
  width:100%;
  height:390px;
  object-fit:cover;
  border-radius:14px;
  display:block;
  transition:.35s ease;
}

.impact-image img:hover{
  transform:scale(1.025);
  box-shadow:0 20px 42px rgba(8,43,23,.16);
}

.impact-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  text-align:center;
}

.impact-stats div{
  border-right:1px solid #efb99f;
  padding:0 10px;
}

.impact-stats div:last-child{border-right:0;}

.impact-stats strong{
  display:block;
  color:#e94b12;
  font-size:23px;
  margin-bottom:5px;
}

.impact-stats small{
  font-size:12px;
  color:#111827;
  line-height:1.4;
}

.program-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin-bottom:28px;
}

.program-card{
  border:1px solid #f1c9b5;
  border-radius:10px;
  background:#fffaf4;
  overflow:hidden;
  transition:.35s ease;
}

.program-card:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 35px rgba(8,43,23,.12);
}

.program-card img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
  transition:.35s ease;
}

.program-card:hover img{
  transform:scale(1.06);
}

.program-card div{
  padding:22px;
}

.program-card h3{
  font-size:18px;
  margin:0 0 12px;
  color:#082b17;
}

.program-card p{
  font-size:14px;
  line-height:1.7;
  color:#111827;
  margin:0 0 18px;
}

.program-card a{
  color:#e94b12 !important;
  font-weight:700;
  text-decoration:none;
}


.program-card:nth-child(5){grid-column:1/2;}
.program-card:nth-child(6){grid-column:2/3;}
.program-card:nth-child(7){grid-column:3/4;}

.bottom-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  background:#fff7ef;
  border:1px solid #f1c9b5;
  border-radius:10px;
  margin:20px 0 25px;
  padding:25px 15px;
  text-align:center;
}

.bottom-stats div{
  border-right:1px solid #efb99f;
}

.bottom-stats div:last-child{border-right:0;}

.bottom-stats strong{
  display:block;
  font-size:34px;
  color:#082b17;
}

.bottom-stats span{
  display:block;
  font-size:15px;
  font-weight:700;
  color:#082b17;
}

.mind-cta{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:28px;
  align-items:center;
  background:#031A3B;
  border-radius:10px;
  padding:28px 42px;
  color:#fff;
}

.cta-icon{
  width:95px;
  height:95px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cta-icon svg{
  width:48px;
  height:48px;
  fill:none;
  stroke:#e94b12;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mind-cta h2{
  margin:0 0 8px;
  font-size:28px;
  color:#fff;
}

.mind-cta p{
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:#fff;
}

.cta-buttons{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.cta-buttons a{
  padding:15px 28px;
  border-radius:6px;
  text-decoration:none;
  font-weight:700;
  transition:.3s ease;
}

.cta-buttons a:hover{
  transform:translateY(-4px);
}

.cta-buttons .donate{
  background:#e94b12;
  color:#fff !important;
}

.cta-buttons .involve{
  border:1px solid #fff;
  color:#fff !important;
}

@media(max-width:1100px){
  .focus-grid,
  .program-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .program-card:nth-child(5),.program-card:nth-child(6),.program-card:nth-child(7){grid-column:auto;}

  .impact-row{
    grid-template-columns:1fr;
    gap:30px;
  }

  .bottom-stats{
    grid-template-columns:repeat(2,1fr);
    gap:20px 0;
  }

  .bottom-stats div:nth-child(2){
    border-right:0;
  }

  .mind-cta{
    grid-template-columns:1fr;
    text-align:center;
  }

  .cta-icon{
    margin:auto;
  }

  .cta-buttons{
    justify-content:center;
  }
}

@media(max-width:767px){
  .mind-page{
    padding:35px 18px;
  }

  .mind-title{
    gap:10px;
  }

  .mind-title span{
    width:42px;
  }

  .mind-title h2{
    font-size:24px;
  }

  .focus-grid,
  .program-grid,
  .impact-stats,
  .bottom-stats{
    grid-template-columns:1fr;
  }

  .focus-card{
    padding:30px 22px;
  }

  .impact-content h2{
    font-size:30px;
  }

  .impact-image img{
    height:260px;
  }

  .impact-stats div,
  .bottom-stats div{
    border-right:0;
    border-bottom:1px solid #efb99f;
    padding:15px 0;
  }

  .impact-stats div:last-child,
  .bottom-stats div:last-child{
    border-bottom:0;
  }

  .program-card img{
    height:210px;
  }

  .mind-cta{
    padding:28px 22px;
  }

  .mind-cta h2{
    font-size:24px;
  }

  .cta-buttons a{
    width:100%;
    text-align:center;
  }
}