
.about-hero{
  background:linear-gradient(to bottom,#eef4ff,#ffffff);
  padding:120px 0 80px;
  text-align:center;
}
.about-hero h1{font-weight:800;}
.about-hero p{color:#6b7280;max-width:700px;margin:16px auto;}

.about-section{padding:100px 0;}

.info-panel{
  background:linear-gradient(135deg,#e0e7ff,#eef2ff);
  border-radius:18px;
  padding:32px;
}
.info-card{
  background:#fff;
  border-radius:12px;
  padding:16px 20px;
  margin-bottom:16px;
}
.info-card h6{margin:0;font-weight:700;}
.info-card span{color:#6b7280;font-size:14px;}

.mission-band{
  background:linear-gradient(to bottom,#f4f7ff,#ffffff);
  padding:120px 0;
  text-align:center;
}
.mission-band h2{font-weight:800;}

.story-box{
  background:linear-gradient(135deg,#eef2ff,#f8faff);
  border-radius:18px;
  padding:60px 30px;
  text-align:center;
}
.story-box i{font-size:56px;color:#4f46e5;}


/* Top gradient section */
.soft-bg{
  background:linear-gradient(to bottom,#eef4ff,#ffffff);
  padding:120px 0 80px;
}

/* Mission cards */
.mission-card{
  background:linear-gradient(135deg,#f1f5ff,#ffffff);
  border:1px solid #5b6cff;
  border-radius:16px;
  padding:28px;
  height:100%;
}

/* Values */
.values-section{
  padding:100px 0;
}

.value-card{
  background:#f8fbff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:28px;
  height:100%;
  transition:.3s ease;
}

.value-card:hover{
  box-shadow:0 15px 30px rgba(0,0,0,.08);
  transform:translateY(-4px);
  border-color:#c7d7ff;
}

.value-icon{
  font-size:28px;
  color:#3b82f6;
  margin-bottom:14px;
  display:inline-block;
}

/* background */
.why-bg{
  background:linear-gradient(to bottom,#eef4ff,#ffffff);
  padding:120px 0;
}

/* cards */
.why-card{
  background:#f8fbff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:28px;
  height:100%;
  transition:.3s ease;
}

.why-card:hover{
  box-shadow:0 15px 30px rgba(0,0,0,.08);
  transform:translateY(-4px);
  border-color:#c7d7ff;
}

.why-card h5{
  font-weight:700;
  margin-bottom:10px;
}

.why-card p{
  color:#6b7280;
  font-size:15px;
  line-height:1.6;
}