.about-container { max-width: 900px; margin: 80px auto; padding: 0 25px; line-height: 1.8; }
.about-content h2 { font-size: 32px; font-weight: 800; margin-bottom: 20px; color: var(--primary); }
.about-content p { font-size: 16px; margin-bottom: 20px; color: var(--body-text); }

.about-commitments { margin-top: 40px; background: var(--light-bg); padding: 35px; border-radius: 16px; border: 1px solid #dbeafe; }
.about-commitments h3 { font-size: 22px; margin-bottom: 20px; color: var(--primary); }

.commit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.commit-box { background: white; padding: 16px 20px; border-radius: 10px; font-weight: 700; color: var(--primary); display: flex; align-items: center; gap: 12px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.commit-box i { color: var(--accent); font-size: 18px; }

@media (max-width: 600px) {
  .commit-grid { grid-template-columns: 1fr; }
}