/* Modern About page styles */
.about-hero{
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #fff;
  padding: 60px 0;
}
.about-card{
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(2,6,23,0.25);
  overflow: hidden;
  margin-top: -40px; 
  padding: 0;
}
.about-profile{
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.about-avatar{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 6px solid #fff;
  box-shadow: 0 8px 30px rgba(2,6,23,0.15);
}
.about-name{
  font-weight: 700;
  font-size: 28px;
  margin: 0;
}
.about-location{
  color: #6b7280;
  margin-bottom: 10px;
}
.about-bio{
  padding: 30px 40px;
  color: #374151;
}
.about-card .row { margin: 0; }
.about-card > .row > [class*="col-"] { padding: 30px 24px; }
.about-card > .row > .col-md-4 { padding-left: 40px; padding-right: 24px; }
.about-card > .row > .col-md-8 { padding-left: 24px; padding-right: 40px; }
.about-stats{ display:flex; gap:18px; flex-wrap:wrap; }
.about-stat{ text-align:center; padding:12px 18px; border-radius:10px; background:#f8fafc; min-width:110px; }
.about-stat .num{ font-weight:700; font-size:18px; color:#0f172a; }
.about-fields{ padding: 0 30px 30px 30px; }
.about-field{ display:inline-block; margin:6px 6px 0 0; padding:6px 10px; background:#eef2ff; color:#3730a3; border-radius:999px; font-size:13px; }
@media (max-width:767px){
  .about-avatar{ width:120px; height:120px; }
  .about-card{ margin: -40px 12px 24px; }
  .about-card .col-md-4, .about-card .col-md-8 { display:block; }
}