/* ===================================
   About Page Specific Styles
   =================================== */

/* Note: .hero-gradient moved to main.css */

/* =============
   Card Styles
   Note: Base card styles in main.css (.card)
   ============= */
/* .feature-card inherits all styles from .card base class */

/* =============
   Team Styles
   ============= */
.step-circle {
    width: 32px;
    height: 32px;
    background: var(--primary-900);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 14px;
}

.team-photo {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid white;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}