/* ===== About & Contact Pages ===== */
.page-body {
  background: #fafafa; min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  padding: 40px 24px;
}
.page-back {
  position: fixed; top: 32px; left: 32px;
  font-size: 14px; color: #6b7280; text-decoration: none;
  font-family: 'Inter', sans-serif; transition: color 0.2s;
}
.page-back:hover { color: #111827; }

.page-container {
  max-width: 520px; width: 100%;
  text-align: center;
}
.page-heading { font-size: 28px; font-weight: 700; color: #111827; margin-bottom: 8px; }
.page-title { font-size: 16px; color: #6b7280; margin-bottom: 24px; }
.page-bio { font-size: 15px; color: #374151; line-height: 1.7; }

/* Contact */
.contact-section { margin-top: 32px; text-align: left; }
.contact-section h3 { font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 8px; }
.contact-link { font-size: 15px; color: #6366f1; text-decoration: none; }
.contact-link:hover { text-decoration: underline; }

.social-links { display: flex; flex-wrap: wrap; gap: 10px; }
.social-link {
  display: inline-block; padding: 10px 20px;
  border: 1px solid #e5e7eb; border-radius: 10px;
  font-size: 14px; color: #374151; text-decoration: none;
  font-family: 'Inter', sans-serif; transition: all 0.2s;
}
.social-link:hover { background: #f3f4f6; border-color: #d1d5db; }