.about-page { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; color: var(--main-text); }
.card { transition: transform 0.3s ease, box-shadow 0.3s ease; background: var(--card-bg); border: 1px solid var(--border-color); }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; }

@media (max-width: 768px) {
  .display-4 { font-size: 2rem; }
  .lead { font-size: 1rem; }
  .card-body { padding: 2rem 1.5rem !important; }
  img.rounded-circle { width: 150px !important; height: 150px !important; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.3rem; }
  h4 { font-size: 1.1rem; }
  .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
}

@media (max-width: 576px) {
  .container { padding-left: 1rem; padding-right: 1rem; }
}