.about-section{
  padding:100px 20px;
  background:#ffffff;
  display:flex;
  justify-content:center;
}

.about-card{
  max-width:900px;
  background:#fff;
  border-radius:15px;
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  padding:50px;
  text-align:center;
  position:relative;
  overflow:hidden;
  animation:fadeUp 1s ease forwards;
  transform:translateY(40px);
  opacity:0;
}

.about-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:6px;
  background:#1e293b;
}

.about-card h2{
  font-size:32px;
  color:#1e293b;
  margin-bottom:20px;
}

.about-card p{
  color:#555;
  font-size:16px;
  line-height:1.7;
  margin-bottom:15px;
}

.exp-badge{
  margin-top:30px;
  display:inline-block;
  background:#1e293b;
  color:#fff;
  padding:15px 30px;
  border-radius:50px;
  font-size:18px;
  font-weight:bold;
  animation:pulse 2s infinite;
}

/* Animation */
@keyframes fadeUp{
  to{
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes pulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.05);}
  100%{transform:scale(1);}
}