.staff-section {
            padding: 60px 0;
            background: #f8f9fa;
        }
        
        .staff-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transition: all 0.3s;
            margin-bottom: 30px;
            height: 100%;
        }
        
        .staff-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.15);
        }
        
        .staff-photo-wrapper {
            width: 100%;
            height: 220px;
            overflow: hidden;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            position: relative;
        }
        
        .staff-photo {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .staff-photo-placeholder {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .placeholder-male {
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%235b47d6" width="200" height="200"/><circle fill="%23fff" cx="100" cy="80" r="30"/><path fill="%23fff" d="M100 120c-25 0-45 15-45 35v45h90v-45c0-20-20-35-45-35z"/></svg>') center/cover;
        }
        
        .placeholder-female {
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23d69047" width="200" height="200"/><circle fill="%23fff" cx="100" cy="80" r="30"/><path fill="%23fff" d="M100 120c-25 0-45 15-45 35v45h90v-45c0-20-20-35-45-35z"/></svg>') center/cover;
        }
        
        .staff-info {
            padding: 20px;
            text-align: center;
        }
        
        .staff-name {
            font-size: 16px;
            font-weight: 700;
            color: #1e3c72;
            margin-bottom: 8px;
        }
        
        .staff-designation {
            font-size: 14px;
            color: #666;
            margin-bottom: 10px;
            font-weight: 500;
        }
        
        .staff-contact {
            font-size: 13px;
            color: #888;
        }
        
        .staff-contact i {
            color: #1e3c72;
            margin-right: 5px;
        }