.about-hero{
  padding: 80px 0;
  background: linear-gradient(135deg, #0B2E4F, #123B63);
  color: #fff;
}

.about-title{
  font-size: 48px;
  font-weight: 900;
}

.about-subtitle{
  margin-top: 10px;
  color: rgba(255,255,255,.75);
  font-size: 18px;
}

.section-title{
  font-weight: 800;
  color: #0B2E4F;
}

.section-text{
  color: #4a6075;
  line-height: 1.9;
}

.about-card{
  background: #fff;
  padding: 30px;
  border-radius: 18px;
  box-shadow: 0 15px 50px rgba(0,0,0,.08);
  text-align: center;
}

.about-card i{
  font-size: 40px;
  color: #2EC5FF;
}

.mission-card{
  background: #f8fbff;
  padding: 30px;
  border-radius: 18px;
  border: 1px solid #e8eef6;
}