.about-main { padding: 2.5rem 1rem 6rem 1rem; background: var(--bg); min-height: 70vh; }
.about-container { width: 100%; max-width: 900px; margin: 0 auto; background: var(--card-bg); border-radius: 14px; box-shadow: 0 2px 12px var(--border); padding: 2rem 1.5rem; }
.about-hero .about-container { text-align: center; }
.about-container h1, .about-container h2 { color: var(--text); margin: 0 0 0.75rem 0; }
.about-lead { color: var(--muted-text); margin: 0.5rem 0 0; }
.about-content { margin-top: 1rem; }
.about-list { margin: 0.5rem 0 0 1.2rem; color: var(--muted-text); }
@media (max-width: 800px) { .about-container { padding: 1.5rem 1rem; } }